如何确保页面中的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.");
});