JS文件中引用JS文件

由于开发中有很多页都需要引用相同的大量JS文件，所以想将这些JS文件都放到一个统一的JS里引用。

缺点是这种方法要先在一个不用这些JS文件的一个页先引用一次。因为这种引用机制是异步引用JS文件，

所以当你在当前页面用这些JS文件时就会有问题。（JS文件加载太慢）

head=document.getElementsByTagName('head').item(0);
CreateLink("../Ext/resources/css/ext-all.css");
CreateLink("../css/MainStyle.css");
CreateScript("../Ext/adapter/ext/ext-base.js");
CreateScript("../Ext/ext-all.js");
CreateScript("../js/default.js");
function CreateScript(file){
    var new_element;
     new_element=document.createElement("script");
     new_element.setAttribute("type","text/javascript");
     new_element.setAttribute("src",file);
    void(head.appendChild(new_element));
}

function CreateLink(file){
    var new_element;
     new_element=document.createElement("link");
     new_element.setAttribute("type","text/css");
     new_element.setAttribute("rel","stylesheet");
     new_element.setAttribute("href",file);
    void(head.appendChild(new_element));
}

 

例如: 在 1.js 文件中的方法想引用2. js 文件的方法, 需要在1.js中顶部加入下面代码
方法一：
document.write(”<script language=javascript src=’/js/2.js’><\/script>”);
立法二：
new_element=document.createElement(”script”);
new_element.setAttribute(”type”,”text/javascript”);
new_element.setAttribute(”src”,”2.js”);
document.body.appendChild(new_element);

在1.js文件中前4行代码中我们引入了2.js文件。
让我们来分析一下关键的几句代码：首先，我们利用document.createElement(”script”)生成了一个script的标签，设置其type属性为text/javascript，src为2.js(这里的1.js同2.js放在同一个目录，也可放在不同的目录)。最后将这个标签动态地加入body中。如此一来，我们就可以调用到不同js文件中的方法了。
注意：<script language=”JAVASCRIPT” src=’1.js’></script>一定要放在body下面。
因为在2.js中用到了body（document.body.appendChild(new_element);）
如果将引如2.js的代码放在body上面，也就是说，
进入页面后，还没有生成body就已经执行b.js里的document.body.appendChild(new_element);了。
这时body不存在就会抛javascript错误。

转载于:https://www.cnblogs.com/wzg0319/archive/2010/09/25/1834786.html