最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery动态加载外部js文件代码研究
时间：2022-11-14 22:03:23 编辑：袖梨 来源：一聚教程网
$.getScript函数动态加载js
有时网页上的js过多就会让网页加载太慢，用户体验不好,我们可以使用jquery $.getScript函数动态加载我们需要的js文件
| 代码如下 | 复制代码 |
| $("#load").click(function(){ $.getScript('helloworld.js', function() { $("#content").html('Javascript is loaded successful!'); }); }); |
|
当点击 id为load的元素时就会加载helloworld.js这个文件
| 代码如下 | 复制代码 |
|
Load Javascript dynamically with jQuery |
|
js 加载外部js文件研
第1种：用传统的document.write()来加载，这里里须注意用“”转义字符；
| 代码如下 | 复制代码 |
| document.write(""); | |
第2种：动态的创建一个script标签，然后给script元素添加src属性指向需要加载的js文件，最后用appendChild()方法把script元素添加到head里。
| 代码如下 | 复制代码 |
| var oHead = document.getElementsByTagName("head")[0]; | |
| 代码如下 | 复制代码 |
| var oScript = document.createElement("script"); oScript.src = "test.js"; | |
| 代码如下 | 复制代码 |
| oHead.appendChild(oScript); |
|
这两种方式都可以顺利的加载外部JS文件，但都有一个缺点，即在JS文件加载完毕之前都无法获取外部JS文件里定义的变量或函数，
相关文章
- 如鸢新活动新人特训 新人特训怎么玩攻略合集 07-03
- 女神异闻录夜幕魅影攻略 麻由美复刻抽取建议 07-03
- 币圈：现在是加密货币抄底最好机会时机吗？4个理由劝你先别急着抄底？ 07-03
- 山雨欲来，市场合力将推动 ETH 实现价值发现 07-03
- 三角洲行动S5新干员什么时候出 疾风上线时间 07-03
- 光遇六周年庆典有什么活动 六周年新玩法介绍 07-03