如何通过JavaScript动态加载js

动态加载js
服务器君一共花费了163.180 ms进行了5次数据库查询,努力地为您提供了这个页面。
试试阅读模式?希望听取您的建议

在Web开发时,有可能会遇到这么一种情况:我们需要通过一个js文件中引用另一个js文件中的函数,可是另一个函数有没有办法在页面中通过该<script>标签加载。于是,我们有了通过js动态加载js文件的需求。下面提供一种方案。

方法比较简单,具体实例详见代码:

文件1:demo.js

function demo(){
	alert("demo");
}

文件2:test.js

function test(){
	alert("test");
}
 
function loadDemo(){
	var iHead = document.getElementsByTagName('HEAD').item(0);   
	var iScript= document.createElement("script");   
	iScript.type = "text/javascript";   
	iScript.src="demo.js";   
	iHead.appendChild(iScript);  
}

文件3:test.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="test.js"></script>
<script type="text/javascript">
function fun1(){
	test();
}

function fun2(){
	loadDemo();
}

function fun3(){
	demo();
}
</script>
</head>
<body>
	<input type="button" value="click1" onclick="fun1()"/>
	<input type="button" value="click2" onclick="fun2()"/>
	<input type="button" value="click3" onclick="fun3()"/>
</body>
</html>

把以上的3个文件放在同一个目录下,运行结果是在test.html中可以通过test.js中的loadDemo()函数动态加载demo.js文件中的js函数。

本文地址:http://www.nowamagic.net/librarys/veda/detail/163,欢迎访问原出处。

不打个分吗?

转载随意,但请带上本文地址:

http://www.nowamagic.net/librarys/veda/detail/163

如果你认为这篇文章值得更多人阅读,欢迎使用下面的分享功能。
小提示:您可以按快捷键 Ctrl + D,或点此 加入收藏

大家都在看

阅读一百本计算机著作吧,少年

很多人觉得自己技术进步很慢,学习效率低,我觉得一个重要原因是看的书少了。多少是多呢?起码得看3、4、5、6米吧。给个具体的数量,那就100本书吧。很多人知识结构不好而且不系统,因为在特定领域有一个足够量的知识量+足够良好的知识结构,系统化以后就足以应对大量未曾遇到过的问题。

奉劝自学者:构建特定领域的知识结构体系的路径中再也没有比学习该专业的专业课程更好的了。如果我的知识结构体系足以囊括面试官的大部分甚至吞并他的知识结构体系的话,读到他言语中的一个词我们就已经知道他要表达什么,我们可以让他坐“上位”毕竟他是面试官,但是在知识结构体系以及心理上我们就居高临下。

所以,阅读一百本计算机著作吧,少年!

《计算机程序的构造和解释(原书第2版)》 艾伯森 (译者), 裘宗燕 (译者), 等 (译者)

《计算机程序的构造和解释》(原书第2版)1984年出版,成型于美国麻省理工学院(MIT)多年使用的一本教材,1996年修订为第2版。在过去的二十多年里,《计算机程序的构造和解释》(原书第2版)对于计算机科学的教育计划产生了深刻的影响。第2版中大部分重要程序设计系统都重新修改并做过测试,包括各种解释器和编译器。作者根据其后十余年的教学实践,还对其他许多细节做了相应的修改。《计算机程序的构造和解释》(原书第2版)自出版以来,世界各地已有100多所院校采用《计算机程序的构造和解释》(原书第2版)做教材,其中包括美国斯坦福大学、美国普林斯顿大学、英国牛津大学、日本东京大学等。

更多计算机宝库...