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

标签 javascript jquery browser client-server

如何通过 JS 检查页面是否已完全加载并渲染其控件?

类似这样的事情

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

还有这个

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

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

所以我需要知道页面何时完全加载和呈现。看起来 Brownser 页面图标对我来说“可以”,因为当页面完成时它会发生变化,如下例所示。

页面尚未准备好! Page not full loaded yet

页面准备好了! Page Ready!

最佳答案

使用 $(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

关于javascript - 检查页面是否已完全加载并呈现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36451112/

相关文章:

javascript - 当前元素(事件)突出显示不起作用

ios - 你能在浏览器中创建一个深层链接以在 instagram 中打开 "share to story"吗?

javascript - 更改 URL 片段后操纵浏览器行为

javascript - jsp 代码未在 backbone.js View 中执行

javascript - 有没有办法用 JavaScript 中的移位器来增加或减少数字?

html - 在触摸设备上的浏览器中禁用双击 "zoom"选项

javascript - 使用 Ionic Framework 和 AngularJS 嵌入社交网络的发布

javascript - 我可以在 javascript 函数中使用 jquery 方法、选择器吗?

javascript - 如何在 javascript/jquery 中刷新 div

鼠标悬停时姐妹 div 的 JavaScript style.height