爲什麼我的頁面在刷新期間在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/

---

LINK HERE

.load如果所有的請求沒有得到成功的性反應

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

Answer 2

當你按下F5 reload的請求被canceld沒有運行。您可以在devtools與狀態canceld看到這一點：

因此該文件已經準備好，因爲沒有請求加載了。