使用Javascript来加载其他外部Javascripts

我有一个从一个文件夹加载的JS代码库。 而不是在HTML文档的标签中逐一输入<script src='...'></script> ,是否有链接一个Javascript文件的方式,该文件可以组织和自动加载其他JavaScript文件。

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


这是你需要的代码:

    // 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插入DOM节点:保存表单信息?

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


一个简单的方法来做到这一点:

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

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

官方网站

链接地址: http://www.djcxy.com/p/42469.html

上一篇: Using Javascript to load other external Javascripts

下一篇: How to reload javascript without refreshing the page