为什么我的页面会在刷新期间在Chrome中触发"就绪"事件？

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/

链接在这里

.load如果所有请求都没有获得成功响应，则不运行

另请阅读 - jquery 文档就绪和窗口加载之间有什么区别