&

freeflydom

2024年2月2日 16:12 本文熱度 1005

要判斷頁面加載完畢，可以使用原生JavaScript的DOMContentLoaded事件。這個事件會在整個HTML文檔被完全加載和解析完成之后觸發，而不需要等待樣式表、圖像和子框架完成加載。

以下是如何使用這個事件的示例：

document.addEventListener('DOMContentLoaded', function() {  
    // 頁面加載完畢后執行的代碼  
    console.log('頁面已加載完畢');  
});

這段代碼會在整個頁面（包括HTML、CSS和圖片）都加載完畢后，在控制臺輸出“頁面已加載完畢”。

需要注意的是，DOMContentLoaded事件與load事件不同。load事件會在所有資源（如圖片、腳本文件、CSS文件等）都下載完成之后觸發，這通常比DOMContentLoaded事件晚。如果你需要等待所有資源都加載完成，可以使用load事件，如下：

window.addEventListener('load', function() {  
    // 所有資源都加載完畢后執行的代碼  
    console.log('所有資源已加載完畢');  
});

以上代碼會在所有資源（包括圖片、CSS文件、腳本文件等）都加載完畢后，在控制臺輸出“所有資源已加載完畢”。

該文章在 2024/2/2 16:29:49 編輯過

關鍵字查詢

正在查詢...