本文目錄導讀：

1. 如何監(jiān)聽JS加載完成
2. 如何監(jiān)聽CSS加載完成

在Web開發(fā)中，監(jiān)聽JavaScript（JS）和級聯(lián)樣式表（CSS）的加載完成是一個重要的環(huán)節(jié)，這可以確保我們的代碼在資源加載完畢后正確執(zhí)行，提升頁面的性能和用戶體驗，下面，我們將詳細介紹如何監(jiān)聽JS和CSS的加載完成。

如何監(jiān)聽JS加載完成

在JavaScript中，我們可以使用window.onload事件來監(jiān)聽JS的加載完成，這個事件會在整個頁面加載完畢后觸發(fā)，包括所有的JS文件，以下是一個簡單的示例：

window.onload = function() {
    // 你的JS代碼
};

如何監(jiān)聽CSS加載完成

對于CSS的加載完成，我們可以利用DOMContentLoaded事件來監(jiān)聽，這個事件會在HTML文檔被完全加載和解析完成后觸發(fā)，但不需要等待樣式表加載完成，為了準確地監(jiān)聽CSS的加載完成，我們可以結(jié)合使用window.onload和DOMContentLoaded事件：

document.addEventListener('DOMContentLoaded', function() {
    // CSS已加載完成，但JS可能還未加載完
});
window.onload = function() {
    // 整個頁面（包括JS和CSS）已加載完成
};

通過window.onload和DOMContentLoaded事件，我們可以有效地監(jiān)聽JS和CSS的加載完成，在實際開發(fā)中，根據(jù)頁面的復(fù)雜性和資源加載的需求，我們可以靈活選擇使用這兩個事件。