页面中js按顺序加载完全的方法

Posted xiaoniaohhl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了页面中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");

        );

    );

);

以上是关于页面中js按顺序加载完全的方法的主要内容,如果未能解决你的问题,请参考以下文章

用于确保页面中js加载完全,对于优化某网页的加载速度,有什么见解

iframe页面 JS问题.加载了不执行或者没完全加载如何解决

如何在网站页面完全加载时抓取它(js,css all loaded)

html页面加载JS文件经常错误

js 利用 ajax 加载 js ,显示加载进度 ,严格按照js的顺序先后加载到页面

页面还没有完全显示的时候显示正在加载怎样实现