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

Question

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

像这样的事情

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

还有这个

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

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

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

页面未准备好!

页面准备就绪!

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

DOMContentLoaded