前端异步加载js且判断js是不是加载完成

来源:互联网 发布:兄弟连it教育地址 编辑:程序博客网 时间:2024/06/05 13:31
  1. /** 
  2.      * 异步加载依赖的javascript文件 
  3.      * src:script的路径 
  4.      * callback:当外部的javascript文件被load的时候,执行的回调 
  5.      */  
  6.     function loadAsyncScript(src, callback) {  
  7.         var head = document.getElementsByTagName("head")[0];  
  8.         var script = document.createElement("script");  
  9.         script.setAttribute("type""text/javascript");  
  10.         script.setAttribute("src", src);  
  11.         script.setAttribute("async"true);  
  12.         script.setAttribute("defer"true);  
  13.         head.appendChild(script);  
  14.           
  15.         //fuck ie! duck type  
  16.         if (document.all) {  
  17.             script.onreadystatechange = function() {  
  18.                 var state = this.readyState;  
  19.                 if (state === 'loaded' || state === 'complete') {  
  20.                     callback();  
  21.                 }  
  22.             }  
  23.         } else {  
  24.             //firefox, chrome  
  25.             script.onload = function() {  
  26.                 callback();  
  27.             }  
  28.         }  
  29.     }  
0 0