您现在的位置:首页 --> JavaScript --> jquery js 动态加载 js文件
jquery js 动态加载 js文件
浏览:1330次 出处信息
如果用jquery append直接加载script标签的话,会报错的。除了document.write外,还有没有其他的比较好的动态加载js文件的方法。
1,jquery方法
$.getScript("./test.js"); //加载js文件 $.getScript("./test.js",function(){ //加载test.js,成功后,并执行回调函数 console.log("加载js文件"); });
2,js方法
<html> <body> </body> </html> <script type="text/javascript"> function loadScript(url, callback) { var script = document.createElement("script"); script.type = "text/javascript"; if(typeof(callback) != "undefined"){ if (script.readyState) { script.onreadystatechange = function () { if (script.readyState == "loaded" || script.readyState == "complete") { script.onreadystatechange = null; callback(); } }; } else { script.onload = function () { callback(); }; } } script.src = url; document.body.appendChild(script); } loadScript("http://code.jquery.com/jquery-latest.js", function () { //加载,并执行回调函数 alert($(window).height()); }); //loadScript("http://code.jquery.com/jquery-latest.js"); //加载js文件 </script>
建议继续学习:
- php无法加载pcre.so的解决办法 (阅读:2888)
- 用C++面向对象的方式动态加载so (阅读:2769)
- 一个IE6下重复加载的BUG (阅读:2726)
- IE6图片加载的一个BUG (阅读:2583)
- JS文件加载失败处理 (阅读:2489)
- 动态加载Innodb Plugin (阅读:2263)
- 渐进式的脚本加载 (阅读:2288)
- 动态加载JavaScript的小实践 (阅读:2120)
- 交互模式之分页还是加载? (阅读:1815)
- 动态加载用户控件到Template (阅读:1793)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:我希望我知道的七个JavaScript技巧
后一篇:JavaScript模块的前世今生 >>
文章信息
- 作者:张映 来源: 海底苍鹰(tank)博客
- 标签: 加载 动态加载
- 发布时间:2015-02-14 14:07:45
建议继续学习
近3天十大热文
- [657] Go Reflect 性能
- [24] 正态分布的前世今生(一)
- [14] Cuckoo Filter:设计与实现
- [14] rsync同步的艺术
- [13] Linux Used内存到底哪里去了?
- [12] 关于RDS只读实例延迟分析
- [12] 深入浅出选择类排序算法(简单选择排序,堆排序
- [12] 什么是DNS劫持和DNS污染?
- [11] vim入门,进阶与折腾
- [11] Mac下.apk的反编译