动态加载Js文件的三种方法
来源:互联网 发布:扫描仪通用软件 编辑:程序博客网 时间:2024/05/21 03:57
碰到需要加载多个Js文件的情况,使用选择性的动态加载Js,可以提高页面显示的速度和效率。
下面介绍三种异步执行加载Js脚本的方法。
1、直接document.write
<script language="javascript">
document.write("<script src='test.js'><\/script>");
</script>
2、动态改变已有script的src 属性
<script src='' id="s1"></script>
<script language="javascript">
s1.src="test.js"
</script>
3、动态创建 script元素
<script>
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
</script>
注,
这三种方法都是异步的,所以在采用这类方法动态加载Js的同时,主界面的Js脚本是继续执行的,所以可能出现通过异步加载的Js代码得不到预期的效果的情况。这时候可以考虑采用Ajax加载Js的方法。
大概原理:用XMLHTTP取得要脚本的内容,再创建 Script 对象。另外注意编码的保持一致。因为服务器与XML使用UTF8编码传送数据。
- 三种方法动态加载Js文件
- 动态加载Js文件的三种方法
- 三种获取js加载的动态内容的方法
- jquery 动态加载js三种方法
- JS动态加载JS和CSS文件的方法
- 动态加载CSS的三种方法
- 动态加载JS的四种方法
- 兼容IE的动态加载js文件的方法
- 使用jQuery动态加载js脚本文件的方法
- 动态加载js的方法
- 动态加载js的方法
- 三种动态加载方法
- jquery动态加载js/css文件方法
- 动态加载JS文件方法总结
- js如何动态的加载js文件
- 动态加载js文件
- 动态加载js文件
- 动态加载JS文件
- jQuery插件-支持天干地支阴历阳历万年历节假日红字显示记事等功能的日历插件(1)
- Sencha Touch和jQuery Mobile的比较
- jQuery插件-通用input或textarea靜態ajax修改功能插件
- 讓你的windowsXP支持四桌面,類似Ubuntu的效果
- 給windowsXP穿上Linux Ubuntu的漂亮馬甲
- 动态加载Js文件的三种方法
- 分享一下功夫熊貓2的下載地址
- Show一下我的蓝牙耳机
- 端午节放假去台湾中部山区野餐时照的
- 发生在我们身边的灵异事件 - 发生在台湾奇萊山的一些灵异事件
- 我使用tricks(推)技術寫得聊天室程式
- 今天闲着没事去公园玩了一下,随手拍了几张
- Java开发webservice 的完整实例
- 上週末去南投玩了一下,順便拍了几张,拿出来和大家分享