您现在的位置:首页 --> JavaScript --> jquery js 动态加载 js文件
jquery js 动态加载 js文件
浏览:1333次 出处信息
如果用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的解决办法 (阅读:2894)
- 用C++面向对象的方式动态加载so (阅读:2773)
- 一个IE6下重复加载的BUG (阅读:2732)
- IE6图片加载的一个BUG (阅读:2588)
- JS文件加载失败处理 (阅读:2492)
- 动态加载Innodb Plugin (阅读:2266)
- 渐进式的脚本加载 (阅读:2293)
- 动态加载JavaScript的小实践 (阅读:2124)
- 交互模式之分页还是加载? (阅读:1822)
- 动态加载用户控件到Template (阅读:1794)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:我希望我知道的七个JavaScript技巧
后一篇:JavaScript模块的前世今生 >>
文章信息
- 作者:张映 来源: 海底苍鹰(tank)博客
- 标签: 加载 动态加载
- 发布时间:2015-02-14 14:07:45
建议继续学习
近3天十大热文
- [16] Go Reflect 性能
- [14] iOS可视化编程 Tips 之“无需代码设置
- [14] iTerm2 (Mac Terminal)
- [13] 浏览器的工作原理:新式网络浏览器幕后揭秘
- [13] 浅谈Web安全验证码
- [12] 界面设计速成
- [12] 基于HTTP缓存轻松实现客户端应用的离线支持
- [12] 手把手教你CSRF防护
- [11] iOS并发编程(Concurrency Pr
- [11] Android设计中的.9.png