首页 > javascript怎么判断页面的全部元素是否加载完成?

javascript怎么判断页面的全部元素是否加载完成?

一个极端的例子:
一个页面中要加载执行多个js,另外这个页面中还嵌入了很多个广告类的iframe,还包括一个google地图(加载半天加载不出来),javascript如何判断页面是否已经全部加载结束呢?


window.onload 是会等页面资源都加载完才触发的吧


在页面上DOM元素加载完成可以通过documentonready事件来监听
JS是否加载完毕可以通过监听script的onreadystatechange事件来监听
window unload事件将在页面全部资源加载完毕后触发,包括img、link(css),script,Dom元素全部加载完成后触发
iframe中的资源是否加载完成要在iframe所在的页面中监听,或在其父页面监听onload事件


onload


window.onload


'window.onload' 页面DOM树构建完成,所有资源(例如图片)下载完成触发。另外还有一个是页面DOM树构建完就立马触发(但是记不清楚是啥了类似window.contentLoad),注意此时页面一些资源可能没有下载好。对于javascript框架来讲,越早介入DOM越好,所以主流的框架一般都是DOM树一构建好就会会运行。对于你说的那种情况,推荐使用模块加载器来加载业务逻辑代码比较好。


window.onload = function(){}


1.window.onload是判断加载时;
2.window.unload是判断在离开页面时;
3.通过用document.onreadystatechange的方法来监听状态改变, 然后用document.readyState == “complete”判断是否加载完成。

【热门文章】
【热门文章】