-2

我想使用一个 javascript 文件加载多个 javascript 文件

我有四个 javascript

<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>        
<script type="text/javascript" src="http://ec2-174-129-44-226.compute-1.amazonaws.com/apiTools/jquery.livequery.js"></script>        
<script src="http://localhost/effbugs/apiTools/tools.js?apikey=fztxljpnxqtssgtiquwr&pid=1"></script>

我想将以上四个 javascript 集成到一个 javascript 文件中，我将加载一个而不是四个，并且我将正常工作

请给我建议

请帮我

谢谢...

4

3 回答 3

4

好吧，有几个选择：

1.将它们合并到一个文件中

这是使用cat的方法：

cat jsfile1.js jsfile2.js jsfile3.js ... > combined.js

2. 通过 require.js 加载它们

更多信息在requirejs.org。

3. 为每个 URL 创建一个脚本元素并将其附加到 DOM

/**
 * loader.js
 */

window.addEventListener('load', function () {
    var head = document.getElementsByTagName('head')[0],
        urls = ["http://code.jquery.com/jquery-1.10.1.min.js",
            "http://code.jquery.com/jquery-migrate-1.2.1.min.js",
            "http://ec2-174-129-44-226.compute-1.amazonaws.com/apiTools/jquery.livequery.js",
            "http://localhost/effbugs/apiTools/tools.js?apikey=fztxljpnxqtssgtiquwr&pid=1"];

    urls.forEach(function (url) {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = url;
        head.appendChild(script);
    });
});
于 2013-09-27T09:54:13.293 回答
0

它非常简单，您只需将所有 4 个文件的内容复制并按顺序将它们放入 1 个文件中。

大师.js：

// Content of jquery-1.10.1.min.js
// Content of jquery-migrate-1.2.1.min.js
// Content of jquery.livequery.js
// Content of tools.js

或者

大师.js：

var script = document.createElement('script');
script.src = 'jquery-1.10.1.min.js';
document.head.appendChild(script);

// Do this for each file
于 2013-09-27T09:55:36.393 回答
0

您可以通过这种方式包含所有 js 文件，但是在加载时我猜它们是异步加载的，它们可能无法保持顺序。

var scriptElement = document.createElement('script');
scriptElement.src = 'http://code.jquery.com/jquery-1.10.1.min.js';
document.getElementsByTagName("head")[0].appendChild(scriptElement);
于 2013-09-27T09:52:28.557 回答