javascript - 为什么我的页面在刷新期间在 Chrome 中触发 "ready"事件？

Question

我有这样的 HTML:

<!-- simulate a slow-loading request -->
<script src="http://example.com:81/non-existent-script.js"></script>

<script>
    $(document).ready(function() { alert("ready"); })
</script>

(参见 http://jsfiddle.net/mK63F/)

当我在 Chrome 中打开页面时，example.com 请求应该挂起 - 但是当我按下 F5 时，“就绪”警报出现，在页面刷新。为什么会这样？以及如何区分这种情况(即在页面加载期间刷新)与“正常”页面就绪？

Answer 1

当您单击 f5 时，浏览器会停止所有事件请求并且 ready 功能正在破坏因为一切都已加载 ...

替代方案是

$( window ).load(function() {
  alert("loaded");
});

---

http://jsfiddle.net/26x2K/4/

---

LINK HERE

.load 如果所有请求均未获得成功响应，则不会运行

Also Read - jquery what are differences between document ready and window load