js文件中引用其他js文件

在a.js中需要用到b.js中的方法，所以需要在a.js中引用b.js文件，js不提供类似java中import的导包语句所以只能添加<script>元素到html文档，方法如下：

在a.js中：

方法一：

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

function a(){

b();

}

方法二：

var newscript = document.createElement('script');
newscript.setAttribute('type','text/javascript');
newscript.setAttribute('src','b.js');
var head = document.getElementsByTagName('head')[0];
head.appendChild(newscript);
function a(){
b();
}

这种方法下引用b.js的<script>标签会放在head元素的最后。

方法三：

$(window).load(function(){
var newscript = document.createElement('script');
newscript.setAttribute('type','text/javascript');
newscript.setAttribute('src','b.js');
document.body.appendChild(newscript);
});
function a(){
b();
}

这种方法需要使用到jquery框架，或者使用js的window.onlodad代替$(window).load()也可行，但是需要注意的是如果一个html文档中有多个js的window.onload只有最后一个会被执行到。

这个方法下的引用b的<script>标签会放在body的最后。

建议使用前两种方式。