document.DOMContentLoaded和window.load都是頁(yè)面加載的時(shí)候觸發(fā)的鹿蜀，只是加載時(shí)機(jī)不一樣
頁(yè)面的加載順序：
1.從上往下解析html節(jié)點(diǎn)茴恰，生成dom樹(shù)和css樹(shù)
2.如果遇到j(luò)s或css文件斩熊，則加載js腳本文件和css等
3.js腳本如果是內(nèi)聯(lián)，則會(huì)執(zhí)行腳本粉渠，否則繼續(xù)解析
4.當(dāng)初始的 HTML 文檔被完全加載和解析完成之后，DOMContentLoaded 事件被觸發(fā)，而無(wú)需等待樣式表淳衙、圖像和子框架的完全加載饺著。
5.在圖片等資源都加載完成后，才會(huì)觸發(fā)load
執(zhí)行方法：
DOMContentLoaded執(zhí)行：
<link rel="stylesheet" href="css.php">
<script>
document.addEventListener('DOMContentLoaded',function(){
console.log('3 seconds passed');
});
</script>
如果將link置于script之后靴跛，就會(huì)立即打印。load 執(zhí)行：
window.addEventListener('load', (event) => {
console.log('page is fully loaded');
});
或者：
window.onload = (event) => {
console.log('page is fully loaded');
};
