Question

在我的几个网站的底部，我有一个javascript / css参考文件列表，例如

<link rel="stylesheet" href="http://domain.co.uk/general.css" />
<script src="http://domain.co.uk/jquery-3.2.1.min.js"></script>
<script src="http://domain.co.uk/jquery-ui.min.js"></script>
<script src="http://domain.co.uk/helpers.js"></script>

他们都指向我的另一个网站。这是有效的，因为我只需要更新文件的内容，因为它们都指向相同的文件位置更新很容易。

我遇到的问题是，如果我想添加新文件（javascript或css），那么我必须为每个包含此列表的网站添加新的<script...或<link...。

我喜欢做的是将该列表移到外部文件中，然后在那里引用。

EG

WEBSITE1

<link rel="stylesheets" href="http://domain.co.uk/myCssFiles.css" />
<script src = "http://domain.co.uk/javascriptFiles.js"> </script>

WEBSITE2

<link rel="stylesheets" href="http://domain.co.uk/myCssFiles.css" />
<script src = "http://domain.co.uk/javascriptFiles.js"> </script>

因此，myCssFiles.cs的内容可能是

<link rel="stylesheet" href="http://domain.co.uk/general.css" />
<link rel="stylesheet" href="http://domain.co.uk/general2.css" />
<link rel="stylesheet" href="http://domain.co.uk/general3.css" />

同样适用于javascript。

我怎样才能做到这一点？

请注意，我控制这些网站并且CORS不是问题。

Answer 1

希望这有帮助，

您可以让common.js包含所有js文件

common.js

var scripts = {
"http://domain.co.uk/jquery-3.2.1.min.js",
"http://domain.co.uk/jquery-ui.min.js"
}

scripts.forEach(function(data) {
    var x = document.createElement('script');
    x.src = data;
    document.getElementsByTagName("body")[0].appendChild(x);
});

您可以拥有一个common.js文件，并根据需要向脚本数组添加链接。您只需在您的网站中包含common.js.

如何创建javascript文件的外部列表

1 个答案: