从JSON配置文件加载到HTML文件?

时间:2016-08-23 17:49:12

标签: javascript html json

我是一个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文件中提供的信息,在标题中的script标签中包含可变信息。

这样的事情是否可以远程实现?

1 个答案:

答案 0 :(得分:1)

您可以动态创建Button log_b = new Button(this); 标记。

<script>

参考:http://unixpapa.com/js/dyna.html