jquery及js实现动态加载js文件的方法
2016-01-21 00:00
936 查看
本文实例讲述了jquery及js实现动态加载js文件的方法。分享给大家供大家参考,具体如下:
问题:
如果用jquery append直接加载script标签的话,会报错的。除了document.write外,还有没有其他的比较好的动态加载js文件的方法。
解决方法:
1、jquery方法
2、js方法
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript错误与调试技巧总结》与《JavaScript扩展技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
使用jquery动态加载js文件的方法
jquery动态加载js/css文件方法(自写小函数)
一个简单的动态加载js和css的jquery代码
三种动态加载js的jquery实例代码另附去除js方法
使用jQuery动态加载js脚本文件的方法
jquery动态加载js三种方法实例
如何使用jquery动态加载js,css文件实现代码
jquery getScript动态加载JS方法改进详解
使用jquery动态加载javascript以减少服务器压力
问题:
如果用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("jquery-latest.js", function () { //加载,并执行回调函数 alert($(window).height()); }); //loadScript("jquery-latest.js"); //加载js文件 </script>
更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript错误与调试技巧总结》与《JavaScript扩展技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
使用jquery动态加载Js文件和Css文件使用jquery动态加载js文件的方法
jquery动态加载js/css文件方法(自写小函数)
一个简单的动态加载js和css的jquery代码
三种动态加载js的jquery实例代码另附去除js方法
使用jQuery动态加载js脚本文件的方法
jquery动态加载js三种方法实例
如何使用jquery动态加载js,css文件实现代码
jquery getScript动态加载JS方法改进详解
使用jquery动态加载javascript以减少服务器压力
相关文章推荐
- jquery mobile开发常见问题分析
- jQuery prototype冲突的2种解决方法(附demo示例下载)
- jQuery validate插件submitHandler提交导致死循环解决方法
- jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
- jQuery模拟物体自由落体运动(附演示与demo源码下载)
- 分别用DOM方式和jQuery方式判断复选框是否被选中
- jquery分页插件精选
- zepto和jquery的区别,zepto的不同使用8条小结
- 迷你版jQuery——zepto核心源码分析
- 在jQuery,如何判断页面元素是否存在?
- 开源JQuery框架 : Prime UI !
- jQuery核心
- jQuery Form 表单提交插件-----ajaxSubmit() 的应用
- 一个非常简单的jQuery分页插件
- jquery动态改变图片
- jQuery高性能自定义滚动条美化插件
- jquery.ajax error调试
- 新建WebService供JQuery调用及用js判断是否要调用服务器的submit
- jquery的$().each,$.each的区别
- php jquery 头像裁剪插件 croppic