这篇文章主要介绍了动态加载 js 的方法, 实例汇总了常见的几种动态加载技巧, 非常具有实用价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例汇总了动态加载 js 的方法。分享给大家供大家参考。具体如下:
方法一:直接 document.write(异步)
- <script language="javascript">
- document.write("<script src='res/extwidget/echarts/xx.js'><\/script>");
- </script>
由于这种方式是异步加载,document.write 会重写界面,明显不实用
方法二:动态改变已有 script 的 src 属性(异步)
- <script src='' id="xx">
- </script>
- <script language="javascript">
- xx.src = "test.js"
- </script>
此种方法不会改变界面元素,不重写界面元素,但同样是异步加载
方法三:动态创建 script 元素(异步)
- <script>
- var body= document.getElementsByTagName('BODY').[0];
- var script= document.createElement("script");
- script.type = "text/javascript";
- script.src="xx.js";
- body.appendChild( oScript);
- </script>
此办法的优势相对于第二种而言就是不需要最开始就在界面写一个 script 标签,缺点还是异步加载
方法四:XMLHttpRequest/ActiveXObject 加载(异步)
open 里面设置为 false 就是同步加载了,同步加载不需要设置 onreadystatechange 事件
这四种方法都是异步执行的,也就是说,在加载这些脚本的同时,主页面的脚本继续运行。
方法五:XMLHttpRequest/ActiveXObject 加载(同步)
希望本文所述对大家的 javascript 程序设计有所帮助。
来源: