如何在整個頁面（包括圖像）載入後執行 JavaScript 程式碼？

頁面完全載入時執行函數

使用網頁時，有時可能需要特定的JavaScript 程式碼來執行整個頁面（包括圖片）完全載入時才執行。雖然檢查 DOM（文件物件模型）準備情況是一種常用方法，但將其與頁面載入完成區分開來也很重要。

確定頁面載入狀態

在 DOM 準備就緒之前實作後，載入事件用於表示頁面完成。今天它仍然服務於這個目的。另一方面，DOM 就緒，專門指示 DOM 何時準備好進行 JavaScript 操作。

使用load 事件

當頁面完全加載時執行函數已加載，包括圖像，您可以利用加載事件偵聽器：

<code class="js">window.addEventListener('load', function () {
  alert("It's loaded!")
})</code>

此程式碼會將事件偵聽器附加到載入事件。當頁面及其圖像完全載入時，事件監聽器中的函數將被觸發。

以上是如何在整個頁面（包括圖像）載入後執行 JavaScript 程式碼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！