Question

我有一个JS代码库，可以从文件夹加载。而不是在HTML文档的标记中逐个键入<script src='...'></script>行，有没有办法只链接一个Javascript文件，组织并自动加载其他JavaScript文件。

我知道Dojotoolkit正在使用这种技术，其中只有一个JS文件被加载到客户端的计算机上，一旦在浏览器中请求了代码，就生成了20个带有<script>标记的其他JS代码。 / p>

Answer 1

这是您需要的代码：

    // Create
    var bodyEl = document.body;
    var scriptEl = document.createElement('script');
    scriptEl.type = 'text/javascript';
    scriptEl.src = url;
    bodyEl.appendChild(scriptEl);

将它放入一个函数中，拥有一个包含所有javascript文件的数组，并为每个文件调用该函数。

使用DOM的好处是document.write在某些有趣的实例中不起作用。更多相关信息： document.write() vs inserting DOM nodes: preserve form information?

源自开源项目jQuery Sparkle的代码： http://github.com/balupton/jquery-sparkle/blob/master/scripts/resources/jquery.appendscriptstyle.js#L103

Answer 2

一种简单的方法：

document.write("<script type='text/javascript' src='b.js'></script>");

Answer 3

尝试使用requireJs，他有非常有用的功能

Official website

使用Javascript加载其他外部Javascripts

3 个答案: