js页面调用另一个js

js页面调用另一个js

1. 一个js调用另外一个js的方法，最简单的例子就是jQuery的调用，首先准备好两个js文件，通过html为中间介质，引入这两个js文件

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>

那么下面那个js文件里面就可以用jQuery的代码了。
因为js本身是不能运行的，必须依托于html才能执行。<script =“text/javascript” src="">的引用其实就相当于将几个js文件都写在html文件中了，所以可以直接调用。

2. 不适用html，而直接在js中引用另外一个js的内容。首先要在要引用另外一个js文件的js开头，写一个匿名函数

var a=function(){
new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","另一个js的文件路径");
document.body.appendChild(new_element)
}

但是除了opera浏览器，其他浏览器都不会马上建立DOM树，所以需要将动态载入js全部执行完成后，才能执行后续代码。可以将这一部分代码进行封装

function loadJS(url,success){
	var domScript=document.createElement('script');
	domScript.src=url;
	success=success || function(){};
	domScript.onload=domScript.onreadystatechange=function(){
		if(!this.readyState || 'loaded' == this.readyState || 'complete'===this.readyState){
			success();
			this.onload=this.onreadystatechange=null;
			this.parentNode.removeChild(this);
		}
	}
	document.getElementsByTagName('head')[0].appendChild(domScript)
}

最后使用疯传函数进行测试，直接调用函数loadJS即可