检查页面是否已完全加载和呈现

Question

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

像这样的事情

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

还有这个

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

Returns 我在页面加载时，但这不是我的情况。我的页面内部有很多 iframe，即使页面已满载，iframe 本身也还没有。

所以我需要知道页面何时完全加载和呈现。对我来说看起来像 brownser 页面图标 "does it"，因为它会在页面完成时发生变化，如下例所示。

页面未准备好！

页面准备就绪！

Answer 1

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

window.onload called once all the html tags/script, images, frames are fully load.

参考资料：-

Difference between document.ready and window.onload

Check if a page is Full loaded and rendered