js页面调用另一个js
- 一个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文件中了,所以可以直接调用。
- 不适用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即可
|