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

Question

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

Answer 1

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

Answer 2

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

Answer 3

onload

Answer 4

window.onload = function(){}

Answer 5

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

Answer 6

window.onload

Answer 7

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