`
jiangzhenghua
  • 浏览: 593066 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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

 

 

分享到:
评论

相关推荐

    多种方法实现当jsp页面完全加载完成后执行一个js函数

    实现jsp页面完全加载完成后执行一个js函数的方法有很多,在本文就简单为大家介绍下常用的几种,感兴趣的朋友不要错过

    js页面加载后执行的几种方式小结

    在实际应用中往往需要在页面加载完毕之后再去执行相关的js代码,之所以这么操作是有道理的,如果是操作dom元素,如果相关元素没有加载完成,而去执行js代码,可能会导致错误,下面就介绍一下如何实现页面加载完成再...

    如何让页面加载完成后执行js

    在很多情况下,js代码需要设置为在页面加载之后才去执行,如果在页面没有加载完毕就执行js代码,很容易出现报错情况,因为页面中的某些dom根本没有加载完毕。本文章向大家介绍如何让js脚本在页面加载完后再执行的几...

    JavaScript完全自学宝典 源代码

    Calculate1.java 计算浮点数运算结果并调用页面中JavaScript函数的Applet。 Calculate1.class Calculate1.java的字节码文件。 第16章(\c16) 示例描述:介绍JavaScript访问本地文件的各种方法。 16.1....

    Javascript代码在页面加载时的执行顺序介绍

    Javascript代码在页面加载时的执行顺序介绍,需要的朋友可以参考一下

    高性能的javascript之加载顺序与执行原理篇

    javascript在浏览器中的性能,可以认为是开发者所面临的最严重的可用性问题,今天,自己看完高性能的javascript的加载和执行这一章,聊聊怎么解决js的加载顺序和执行的原理,下面话不多说了,来一起看看详细的介绍:...

    常用网站网页加载效果代码.rar

    当网站的网页过大需要一定的时间加载才能完全显示,如果能在加载完成之前有个提示网页正在加载中,那将体现网站更加人性的一面 利用下面几个文件可以帮你轻松实现 具体包括: loading.html Css_loading/...

    load.js:JavaScript jscss、jsonpajax、同步加载器

    加载.js JavaScript js/css、jsonp/ajax、同步/异步加载器这个库使您可以完全控制为您的 Web 应用程序加载脚本和 css 文件。 您无需在 HTML 页面中使用一堆“脚本”和“链接”标签,而是将它们全部定义在一个地方。 ...

    js性能优化 如何更快速加载你的JavaScript页面

    JavaScript现在极其重要。一些网站使用JavaScript来增添魅力;...其中一些甚至是完全用JavaScript编写而成的。我在本文中将指出一些重要的规则,介绍如何使用你的JavaScript、使用哪些工具以及你将从中得到什么好处

    dailyLearn:javascript,实现数据结构和算法题

    dailyLearn javascript实现数据结构题 使用javascript实现经典的数据结构面试题。练手和温习 水平有限,如有缺漏,望见谅! ...13确保页面中JS加载完全 14可鼠标创建拖拽小方块 15模拟实现map, red

    three.js 精简小程序版源码,小程序加载3D模型,3D场景,VR全景 适配多个小程序平台

    3.加载glb模型时,如果模型过大,会加载时间很长,所以基于小程序平台,尽量先把模型压缩到1.5M以内(我的示例文件中发布的模型基本都是在1.2M以内,完全可以满足小程序端的使用。) 4.页面卸载时,由于资源不会马上...

    前端模块加载解决方案modJS.zip

    require.loadJs (url)异步加载脚本文件,不做任何回调require.loadCss ({url: cssfile})异步加载CSS文件,并添加到页面require.loadCss ({content: csstext})创建一个样式列表并将css内容写入 说明 modJS只实现了...

    拖动滚动条自动加载图片页面

    当拖动滚动条时会自动加载图片页面,由于数据量庞大,如果一次性完全加载的话,会消耗大量的带宽,通过边拖动滚动条边加载可以加载更多数据。

    深入理解js中的加载事件

    load事件是最常用的一个事件,当页面完全加载后(包括所有图像、javascript文件、CSS文件等外部资源),就会触发window上的load事件 [注意]IE8-浏览器不会为该事件设置srcElement属性,而其他浏览器的target属性指向...

    解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题

    今天小编就为大家分享一篇解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    关于延迟加载JavaScript

    上述方法都不能解决在web页面完全加载后,再加载外部js的问题。上述方法也会偶尔让你收到Google页面速度测试工具的“延迟加载javascript”警告。所以这里的解决方案将是来自Google帮助页面的推荐方案。 如何延迟加载...

    树控件,支持无限级树,支持动态加载节点。不用自己写js

    自己写的树控件,支持无限级树,支持动态加载节点。 不用自己写js,完全符合树模型对象,只需要页面 加载时候添加节点即可,不需要写js. 附项目源代码。

    imageReady:javascript图片预加载,检测图片加载完成的组件(图片延迟加载)

    // 首先在页面中引入imageReady.js /** * @param img string|Image 图片url或者Image对象 * @param onready Function 图片尺寸已获取(此时图片还未完全下载下来) * @param onload Function 图片加载完成 * @...

    5种JavaScript脚本加载的方式

    javaScript文件(下面简称脚本文件)需要被HTML文件引用才能在浏览器中运行。在HTML文件中可以通过不同的方式来引用脚本文件,我们需要关注的是,这些方式的具体实现和...在这个过程中,页面渲染和用户交互完全被阻塞

Global site tag (gtag.js) - Google Analytics