Why does my page fire "ready" event in Chrome during refresh?

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 (i.e. refresh during page load) from "normal" page ready?

Er, maybe I'm not understanding exactly, but a refresh is just reloading the page -- so it'll become `ready` in the same way as a "normal" page load. Right? — Casey Falk, Jul 25 '14 at 13:08
I meant `ready` happens *before* the page refreshes. I'll edit my question. — hmp, Jul 25 '14 at 13:08
Related: http://stackoverflow.com/questions/3698200/window-onload-vs-document-ready — sp00m, Jul 25 '14 at 13:25

score 2 · Answer 1 · edited Jun 20 '20 at 09:12

2

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

edited Jun 20 '20 at 09:12

Community

1
1

answered Jul 25 '14 at 13:08

Anri

1,607
2
15
34

score 1 · Answer 2 · edited Jun 20 '20 at 09:12

1

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

enter image description here

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

edited Jun 20 '20 at 09:12

Community

1
1

answered Jul 25 '14 at 13:26

jhinzmann

918
6
15

Why does my page fire "ready" event in Chrome during refresh?

2 Answers2

LINK HERE

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