当浏览器退出“加载”状态时触发事件？答案

【问题标题】：Event fired when browser comes out of "loading" state?当浏览器退出“加载”状态时触发事件？
【发布时间】：2012-12-26 09:04:11
【问题描述】：

每当我们访问一个网站时，浏览器都会进入“加载”状态（微调器代替网站图标），直到网站加载完毕。当浏览器退出“加载状态”时会触发哪个 jquery 事件？

【问题讨论】：

【解决方案1】：

$(document).ready(function() {
  // put all your jQuery goodness in here.
});

【讨论】：

【解决方案2】：

您可以尝试以下任何一种：

window.onload 或 document.ready

【讨论】：

【解决方案3】：

如果您解释了您要做什么，那肯定会有所帮助。但是由于您要求在浏览器加载页面时触发 jQuery 事件，我建议您使用 jQuery ready 处理程序。

以下三种语法都是等价的：

传递给 .ready() 的处理程序保证在 DOM 准备好后执行，因此这通常是附加所有其他事件处理程序并运行其他 jQuery 代码的最佳位置。

编辑：由于我们需要在浏览器完成加载页面及其所有资源时发生事件，因此 jQuery .load() 方法会更合适。

当一个元素和所有子元素都被完全加载后，加载事件会被发送到该元素。这是.bind('load', handler) 的快捷方式。

【讨论】：

在浏览器加载完所有页面加载网络请求后，我需要发出一些 ajax 请求。我查看了开发工具包并注意到只有在所有页面加载网络请求都完成时浏览器才会退出加载状态。这就是为什么我要求在浏览器退出加载状态时触发事件。并且似乎 jQuery 就绪处理程序不是正确的答案，因为仍有网络请求尚未返回广告浏览器仍处于加载状态，即使在 $(document).ready 事件被触发后。当浏览器完成加载站点时，我需要该事件。（停止旋转）