jquery.ready與window.onload執行順序

寫過網頁,用過JS的碼農們,應該都知道兩者區別.

網頁DOM結構載入完後,執行ready,網頁內容都加載完後執行load.

$(document).ready(function () {

    //業務邏輯

    //ajax操作

});

$(window).load(function () {

    //業務邏輯

});

在ready事件裏執行ajax操作時,觸發了onload事件。

剛開始以爲是緩存機制的原因。

1.IE下,執行順序沒有問題。


2.Chrome下,會導致先執行load,再執行ready.直接影響畫面的處理邏輯。


解決方法:

把ajax操作放在onload裏就解決了。

$(document).ready(function () {     //業務邏輯 }); $(window).load(function () {     //業務邏輯     //ajax操作 });



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章