您现在的位置:首页 --> JavaScript --> jquery js 动态加载 js文件
jquery js 动态加载 js文件
浏览:1443次 出处信息
如果用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的解决办法 (阅读:3014)
- 用C++面向对象的方式动态加载so (阅读:2880)
- 一个IE6下重复加载的BUG (阅读:2860)
- IE6图片加载的一个BUG (阅读:2682)
- JS文件加载失败处理 (阅读:2621)
- 渐进式的脚本加载 (阅读:2417)
- 动态加载Innodb Plugin (阅读:2328)
- 动态加载JavaScript的小实践 (阅读:2249)
- 交互模式之分页还是加载? (阅读:2023)
- 关于Feed流信息的加载方式 (阅读:1975)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:我希望我知道的七个JavaScript技巧
后一篇:JavaScript模块的前世今生 >>
文章信息
- 作者:张映 来源: 海底苍鹰(tank)博客
- 标签: 加载 动态加载
- 发布时间:2015-02-14 14:07:45
建议继续学习
近3天十大热文
- [55] IOS安全–浅谈关于IOS加固的几种方法
- [53] 如何拿下简短的域名
- [52] 图书馆的世界纪录
- [52] android 开发入门
- [50] Go Reflect 性能
- [50] Oracle MTS模式下 进程地址与会话信
- [48] 【社会化设计】自我(self)部分――欢迎区
- [47] 读书笔记-壹百度:百度十年千倍的29条法则
- [36] 程序员技术练级攻略
- [29] 视觉调整-设计师 vs. 逻辑