資訊專欄INFORMATION COLUMN
摘要：區(qū)別是觸發(fā)的時機不一樣，先觸發(fā)事件，后觸發(fā)事件。文檔加載的步驟為解析結(jié)構(gòu)。加載外部腳本和樣式表文件。解析并執(zhí)行腳本代碼。在第步，觸發(fā)事件?？蓞⒖加迷梢赃@么寫不兼容老的瀏覽器，兼容寫法見中與事件，或用代碼代碼用這么寫代碼代碼
區(qū)別是:觸發(fā)的時機不一樣，先觸發(fā)DOMContentLoaded事件，后觸發(fā)load事件。
DOM文檔加載的步驟為
1,解析HTML結(jié)構(gòu)。
2,DOM樹構(gòu)建完成。//DOMContentLoaded
3,加載外部腳本和樣式表文件。
4,解析并執(zhí)行腳本代碼。
5,加載圖片等外部文件。
6,頁面加載完畢。//load
在第2步，會觸發(fā)DOMContentLoaded事件。在第6步，觸發(fā)load事件。
可參考
https://developer.mozilla.org...
用原生js可以這么寫
// 不兼容老的瀏覽器，兼容寫法見[jQuery中ready與load事件](http://www.imooc.com/code/3253)，或用jQuery
document.addEventListener("DOMContentLoaded", function() {
// ...代碼...
}, false);
window.addEventListener("load", function() {
// ...代碼...
}, false);
用jQuery這么寫
// DOMContentLoaded
$(document).ready(function() {
// ...代碼...
});
//load
$(document).load(function() {
// ...代碼...
});
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/82305.html
摘要：所以所需要的時間必然大于等于所需要的時間。頁面的生命周期主要有三個重要的事件，已經(jīng)構(gòu)建好，可以對節(jié)點進行操作，所有資源加載完畢，可以對資源進行一系列操作，比如獲取圖片寬高等基本不會用到，當瀏覽器窗口關(guān)閉或者刷新時，會觸發(fā)事件。 DOMContentLoaded與load的區(qū)別 showImg(https://segmentfault.com/img/remote/14600000192...
摘要：所以有可能在所有腳本執(zhí)行完畢后觸發(fā)。如果用戶即將離開頁面或者關(guān)閉窗口時，事件將會被觸發(fā)以進行額外的確認。狀態(tài)表示事件即將被觸發(fā)?？偨Y(jié)頁面事件的生命周期事件在樹構(gòu)建完畢后被觸發(fā)，我們可以在這個階段使用去訪問元素。 頁面生命周期：DOMContentLoaded, load, beforeunload, unload 原文地址：http://javascript.info/onload.....
摘要：所以有可能在所有腳本執(zhí)行完畢后觸發(fā)。如果用戶即將離開頁面或者關(guān)閉窗口時，事件將會被觸發(fā)以進行額外的確認。狀態(tài)表示事件即將被觸發(fā)?？偨Y(jié)頁面事件的生命周期事件在樹構(gòu)建完畢后被觸發(fā)，我們可以在這個階段使用去訪問元素。 頁面生命周期：DOMContentLoaded, load, beforeunload, unload 原文地址：http://javascript.info/onload.....
閱讀 1061·2021-11-22 15:35
閱讀 1698·2021-10-26 09:49
閱讀 3240·2021-09-02 15:11
閱讀 2086·2019-08-30 15:53
閱讀 2642·2019-08-30 15:53
閱讀 2938·2019-08-30 14:11
閱讀 3536·2019-08-30 12:59
閱讀 3248·2019-08-30 12:53
