jQuery - 如何检测页面何时完成加载？

Question

如何检测页面是否完全加载完成？ 我说完全是因为我尝试在$(document).ready(function()代码中放置一条警告语句，但警告语句发生在 IE 中的车轮停止旋转之前（大约 1.5 秒后，车轮停止，这就是页面已完全加载）。（它是您在 IE9 顶部看到的选项卡所在的加载轮）。

谢谢

Answer 1

您可以使用load方法：

load 事件在文档加载过程结束时触发。 至此，文档中的所有对象都在 DOM 中，所有图片和子帧都加载完毕。

$(window).load(function(){
    // ...
})

Answer 2

$(window).load(function() {
// do stuff 
});

Answer 3

尝试使用window.onload事件。

Answer 4

尝试

$(window).load(function(){
    //....
});

当 HTML 文档被加载并且 DOM 准备就绪时， document ready事件已经执行，即使所有图形尚未加载，并且window load事件在整个页面完全加载时执行稍晚，包括所有框架，对象和图像。

Answer 5

现在使用$(window).on('load', function(){ ...});

以下已弃用，可能会出现“Uncaught TypeError: a.indexOf is not a function”错误

$(window).load(function() {
// do stuff 
});

Answer 6

 $(document).ready(function(){}); 

上面的函数保证了 DOM 已经准备好被 javascript 修改。 它不保证 xhr 请求本质上是异步加载的。所以可能存在一些 xhr 请求正在发生并且微调器显示加载直到没有正在进行的 http 请求的情况。