JAvascript loadScript非同期ロードスクリプトの例説明

一、文法:loadScript(url[,callback])またはloadScript(settings)二、settingsがサポートするパラメータ:url:スクリプトパスasync:非同期かどうか、デフォルトfalse(HTML 5)charset:ファイル符号化cache:キャッシュするかどうか、デフォルトtruesuccess:ロードに成功した後に実行する関数、優先的にcallbackを実行する.三、呼び出し例:

 
  
//loadScript(url[,callback]) 
  
loadScript(“http://code.jquery.com/jquery.js”); 
  
loadScript(“http://code.jquery.com/jquery.js”,function(){ 
  
console.log(1) 
  
}); 
  
//loadScript(settings) 
  
loadScript({“url”:”http://code.jquery.com/jquery.js”,”async”:false,”charset”:”utf-8″,”cache”:false}); 
  
loadScript({“url”:”http://code.jquery.com/jquery.js”,”async”:false,”charset”:”utf-8″,”success”:function(){ 
  
console.log(2) 
  
}}); 
  
//       ： 
  
//loadScript(settings[,callback]) 
  
loadScript({“url”:”http://code.jquery.com/jquery.js”,”async”:false,”charset”:”utf-8″},function(){ 
  
console.log($) 
  
}); 
  
 
 

四、ソースコード:

 
  
function loadScript(url,callback) { 
  
var head = document.head || document.getElementsByTagName(“head”)[0] || document.documentElement, 
  
script, 
  
options, 
  
 
  
if (typeof url === “object”) { 
  
options = url; 
  
url = undefined; 
  
} 
  
s = options || {}; 
  
url = url || s.url; 
  
callback = callback || s.success; 
  
script = document.createElement(“script”); 
  
script.async = s.async || false; 
  
script.type = “text/javascript”; 
  
if (s.charset) { 
  
script.charset = s.charset; 
  
} 
  
if(s.cache === false){ 
  
url = url+( /\?/.test( url ) ? “&” : “?” )+ “_=” +(new Date()).getTime(); 
  
} 
  
script.src = url; 
  
head.insertBefore(script, head.firstChild); 
  
if(callback){ 
  
document.addEventListener ? script.addEventListener(“load”, callback, false) : script.onreadystatechange = function() { 
  
if (/loaded|complete/.test(script.readyState)) { 
  
script.onreadystatechange = null 
  
callback() 
  
} 
  
} 
  
} 
  
}