logo
搜索
我的图书馆

发文章

发文工具

其他工具

留言交流
搜索
分享

jquery js 动态加载 js文件

 飞鹰飞龙飞天 2015-03-04

如果用jquery append直接加载script标签的话，会报错的。除了document.write外，还有没有其他的比较好的动态加载js文件的方法。

1，jquery方法

  1. $.getScript("./test.js");   //加载js文件  
  2.   
  3. $.getScript("./test.js",function(){   //加载test.js,成功后，并执行回调函数  
  4.     console.log("加载js文件");  
  5. });  

2，js方法

  1. <html>  
  2. <body>  
  3. </body>  
  4. </html>  
  5. <script type="text/javascript">  
  6. function loadScript(url, callback) {  
  7.     var script = document.createElement("script");  
  8.     script.type = "text/javascript";  
  9.     if(typeof(callback) != "undefined"){  
  10.         if (script.readyState) {  
  11.             script.onreadystatechange = function () {  
  12.                 if (script.readyState == "loaded" || script.readyState == "complete") {  
  13.                     script.onreadystatechange = null;  
  14.                     callback();  
  15.                 }  
  16.             };  
  17.         } else {  
  18.             script.onload = function () {  
  19.                 callback();  
  20.             };  
  21.         }  
  22.     }  
  23.     script.src = url;  
  24.     document.body.appendChild(script);  
  25. }  
  26.   
  27. loadScript("http://code./jquery-latest.js", function () {  //加载,并执行回调函数  
  28.     alert($(window).height());  
  29. });  
  30.   
  31. //loadScript("http://code./jquery-latest.js");  //加载js文件  
  32. </script>  
1

    本站是提供个人知识管理的网络存储空间，所有内容均由用户发布，不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息，谨防诈骗。如发现有害或侵权内容，请点击一键举报。
    转藏 分享 献花（0）

    来自： 飞鹰飞龙飞天 > 《Jquery》

    举报/认领

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多