检查页面是否已完全加载并呈现答案

【问题标题】：Check if a page is Full loaded and rendered检查页面是否已完全加载并呈现
【发布时间】：2016-04-06 12:25:17
【问题描述】：

如何通过 JS 检查页面是否已完全加载并呈现其控件？

这样的事情

document.addEventListener('DOMContentLoaded', function() {
    alert('JS');
}, false);

还有这个

$(document).ready(function(){
    alert('JQuery');
});

页面加载时返回我，但不是我的情况。我的页面里面有很多 iframe，即使页面已满，iframe 本身也没有。

所以我需要知道页面何时完全加载和呈现。看起来棕色页面图标对我来说是“做的”，因为它在页面完成时会发生变化，如下例所示。

页面没有准备好！

页面准备好了！

【问题讨论】：

【解决方案1】：

使用$(window).load(function() {}); 或window.onload = function () {}

window.onload 调用一次所有的 html 标签/脚本、图像、帧已满载。

参考资料：-

Difference between document.ready and window.onload

【讨论】：