检查页面是否已满载并呈现

Question

如果页面已完全加载并呈现其控件，我如何检查JS？

这样的事情

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

和这个

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

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

所以我需要知道页面何时被FULL加载和渲染。看起来像棕色页面图标＆＃34;它是＆＃34;对我来说，因为它在页面完成后会发生变化，如下例所示。

页面没准备好！

页面准备好了！

Answer 1

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

  window.onload一次调用所有的html标签/脚本，图片，   帧完全加载。

参考文献： -

Difference between document.ready and window.onload

DOMContentLoaded