gpt4 book ai didi

javascript - 从 JSON 配置文件加载到 HTML 文件中?

转载 作者:行者123 更新时间:2023-11-27 22:35:47 25 4
gpt4 key购买 nike

我是一个 Javascript 新手,所以据我所知,我想要不可能的事情。

我有一个看起来像这样的页面:

<html>
<head>
<meta charset="utf-8" />
<script src="//static.foo.com/x/js/file1.js"></script>
<script src="//static.foo.com/x/js/file2.js"></script>
...
<script src="//static.foo.com/x/js/file10.js"></script>
</head>
<body>
...
</body>
</html>

如您所见,我在同一静态位置有许多包含的文件。其他人可能会以不同的方式使用该 HTML 文件,其中包含来自不同静态位置的文件,因此我想引入一个 config.json 文件,其中包含此文件和其他文件可以指定一些东西,例如:

{
"streamingApiLocation": "//stream.something.com/",
"staticAssetLocation": "//static.foo.com/x/",
"authApiLocation": "//auth.something.com/"
}

不知何故,这将被加载到我的页面中,并且我的脚本包含内容将类似于:

    <script src="config.staticAssetLocation + js/file1.js"></script>
<script src="config.staticAssetLocation + js/file2.js"></script>
...
<script src="config.staticAssetLocation + js/file10.js"></script>

...这当然不是正确的语法...但基本上我正在寻找一种基于 JSON 中提供的信息在 header 中的 script 标记中包含变量信息的方法文件。

这样的事情有可能吗?

最佳答案

您可以创建 <script>动态标记。

   var head= document.getElementsByTagName('head')[0];
var script= document.createElement('script');
script.type= 'text/javascript';
script.src= 'helper.js';
head.appendChild(script);

引用号:http://unixpapa.com/js/dyna.html

关于javascript - 从 JSON 配置文件加载到 HTML 文件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39107745/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com