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

Question

I have an HTML like this:

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

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

(see http://jsfiddle.net/mK63F/ )

When I open the page in Chrome, the example.com request should hang - but then, when I hit F5, the "ready" alert appears, before the page refreshes. Why does that happen? And how to distinguish that situation (ie refresh during page load) from "normal" page ready?

Answer 1

When you click f5 browser stops all active requests and ready function is ruining Because everything is loaded ...

alternative is

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

---

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

---

LINK HERE

.load not running if all request dont get the success responce

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

Answer 2

When you hit F5 for reload the request gets canceld. You can see this in devtools with status canceld:

Therefore the document is ready because no requests are loading anymore.