如何确保页面中的js加载完全

最新推荐文章于 2022-10-28 10:36:26 发布

jiangzh1982

最新推荐文章于 2022-10-28 10:36:26 发布

阅读量849

点赞数

分类专栏： javascript 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/jiangzh1982/article/details/84055432

版权

javascript 专栏收录该内容

33 篇文章 1 订阅

订阅专栏

如何确定一个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");
            });
      });
});