如何检测页面是否已使用 jQuery 完全呈现？答案

【问题标题】：How to detect if a page has fully rendered using jQuery?如何检测页面是否已使用 jQuery 完全呈现？
【发布时间】：2023-03-18 11:56:01
【问题描述】：

使用$(document).ready(functioon(){alert("Loaded.")}); 时，它会弹出“已加载”的警告框。甚至在页面完全加载之前（换句话说，加载仍然像图像一样进行）。

有什么想法吗？

【问题讨论】：

ready() 为页面加载执行，这意味着纯 html 文本。如果您想检查是否所有图像都已加载，我猜您可能需要在一些图像事件处理程序上编写更多代码
如果您真的想确保所有资产都已加载，您将不得不监听每个资产。你可以这样做：stackoverflow.com/questions/9332167/preload-audio-files-event - 答案中的代码工作得很好

【解决方案1】：


$(window).on('load', function() {
    //everything is loaded
});

【讨论】：

【解决方案2】：

改用 .load()。

$(document).load(function () {
    alert('Loaded');
}

当一个元素和所有子元素都被完全加载后，加载事件会被发送到该元素。 http://api.jquery.com/load-event/

【讨论】：

【解决方案3】：

使用javascript

   window.onload = function () { alert("loaded"); }

【讨论】：

【解决方案4】：

【讨论】：