Tại sao trang của tôi kích hoạt sự kiện "sẵn sàng" trong Chrome trong khi làm mới?

Question

Tôi có một HTML như thế này:

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

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

(thấy http://jsfiddle.net/mK63F/)

Khi tôi mở trang trong Chrome, yêu cầu example.com nên treo - nhưng sau đó, khi tôi nhấn F5, các "sẵn sàng" cảnh báo xuất hiện, trước khi làm mới trang. Tại sao điều đó lại xảy ra? Và cách phân biệt tình huống đó (tức là làm mới trong khi tải trang) từ trang "bình thường" đã sẵn sàng chưa?

Answer 1

Khi bạn nhấp f5 trình duyệt ngừng yêu cầu tất cả các hoạt động và ready hàm được làm hỏng Bởi vì tất cả mọi thứ được nạp ...

thay thế là

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

---

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

---

LINK HERE

.load không chạy nếu tất cả các yêu cầu không nhận được sự thành công phản ứng

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

Answer 2

Khi bạn nhấn F5 để tải lại yêu cầu được canceld. Bạn có thể thấy điều này trong DevTools với tình trạng canceld:

Do đó tài liệu đã sẵn sàng, vì không có yêu cầu đang tải nữa.