前端基礎知識整理匯總（上）

HTML頁面的生命周期

HTML頁面的生命周期有以下三個重要事件：

1、DOMContentLoaded —— 瀏覽器已經完全加載了 HTML，DOM 樹已經構建完畢，但是像是 和樣式表等外部資源可能并沒有下載完畢。
2、load —— 瀏覽器已經加載了所有的資源（圖像，樣式表等）。
3、beforeunload —— 當用戶即將離開當前頁面（刷新或關閉）時觸發。正要去服務器讀取新的頁面時調用，此時還沒開始讀取；
4、unload —— 在用戶離開頁面后觸發。從服務器上讀到了需要加載的新的頁面，在即將替換掉當前頁面時調用。

每個事件都有特定的用途:

1、DOMContentLoaded —— DOM 加載完畢，所以 JS 可以訪問所有 DOM 節點，初始化界面。
2、load —— 附加資源已經加載完畢，可以在此事件觸發時獲得圖像的大小（如果沒有被在 HTML/CSS 中指定）
3、beforeunload —— 該事件可用于彈出對話框，提示用戶是繼續瀏覽頁面還是離開當前頁面。
4、unload —— 刪除本地數據localstorage等

DOMContentLoaded

DOMContentLoaded 由 document 對象觸發。使用 addEventListener 來監聽它：

document.

總結

以上是生活随笔為你收集整理的前端基础知识整理汇总（上）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。