国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery的$(document).ready()和onload的加載順序

2019-11-21 00:28:21
字體:
來源:轉載
供稿:網友
最近在改一個嵌入在frame中的頁面的時候,使用了jquery做效果,而頁面本身也綁定了onload事件。改完后,Firefox下測試正常流暢,IE下就要等個十幾秒jquery的效果才出現,黃花菜都涼了。

  起初以為是和本身onload加載的方法沖突。網上普遍的說法是$(document).ready()是在頁面DOM解析完成后執行,而onload事件是在所有資源都準備完成之后才執行,也就是說$(document).ready()是要在onload之前執行的,尤其當頁面圖片較大較多的時候,這個時間差可能更大。可是我這頁面分明是圖片都顯示出來十幾秒了,還不見jquery的效果出來。

  刪了onload加載的方法試試,結果還是一樣,看來沒有必要把原本的onload事件綁定也改用$(document).ready()來寫。那是什么原因使得Firefox正常而IE就能呢?接著調試,發現IE下原來綁定的onload方法竟然先于$(document).ready()的內容執行,而Firefox則是先執行$(document).ready()的內容,再執行原來的onload方法。這個和網上的說法似乎不完全一致啊,呵呵,有點意思,好像越來越接近真相了。

  翻翻jquery的源碼看看$(document).ready()是如何實現的吧:
復制代碼 代碼如下:

if ( jQuery.browser.msie && window == top ) (function(){
if (jQuery.isReady) return;
try {
document.documentElement.doScroll("left");
} catch( error ) {
      setTimeout( arguments.callee, 0 );
       return;
    }
   // and execute any waiting functions
   jQuery.ready();
})();
jQuery.event.add( window, "load", jQuery.ready );

結果很明了了,IE只有在頁面不是嵌入frame中的情況下才和Firefox等一樣,先執行$(document).ready()的內容,再執行原來的onload方法。對于嵌入frame中的頁面,也只是綁定在load事件上執行,所以自然是在原來的onload綁定的方法執行之后才輪到。而這個頁面中正好在測試環境下有一個訪問不到的資源,那十幾秒的延遲正是它放大出的時間差。

作者:Joyce Liu
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 乐至县| 临沭县| 扬中市| 大理市| 浪卡子县| 尖扎县| 内丘县| 庆元县| 屏南县| 大渡口区| 吉木萨尔县| 同仁县| 从化市| 旺苍县| 礼泉县| 虹口区| 收藏| 大冶市| 克山县| 武安市| 古丈县| 门头沟区| 潜江市| 普洱| 安化县| 巩留县| 乐东| 云霄县| 平顶山市| 郸城县| 紫云| 甘孜| 临猗县| 文成县| 徐水县| 天祝| 弥渡县| 专栏| 获嘉县| 武清区| 长垣县|