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






posted @   盼少  阅读(1889)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 周边上新:园子的第一款马克杯温暖上架
点击右上角即可分享
微信分享提示