问答一下,轻松解决,电脑应用解决专家!
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win10/Win11
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascriptLinux系统
PHP教程CSS教程XML教程

js页面调用另一个js

更新时间:2021-09-07 10:38 作者:雨打荷叶点击:

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文件中了,所以可以直接调用。

  1. 不适用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即可

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容