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