如何确保页面中的js加载完全后再执行其他代码

如何确定一个js是否加载完全或者页面中的所有js加载完全,具体办法如下:

function loadScript(url , callback){  

var script = document.createElement("script");

script.type="text/javascript";

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.getElementsByName("head")[0].appendChild(script);

}


如何让脚本的执行顺序按照你设定的顺序执行,使用嵌套的方式:

loadScript("file1.js",function(){  
loadScript("file2.js",function(){
loadScript("file3.js",function(){
alert("All files are loaded");
});
});
});


当然如果你熟悉jquery的话,代码更简单:

$.getScript("file1.js", function(){
  alert("Script loaded and executed.");
});






原文地址:https://www.cnblogs.com/pannysp/p/2344493.html