在一个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的最后。

建议使用前两种方式。

js文件中引用其他js文件