首頁 >web前端 >js教程 >Window.onload 與 Body onload：您應該使用哪個事件？

Window.onload 與 Body onload：您應該使用哪個事件？

Window.onload vs Body onload: Which Event Should You Use?

何時使用window.onload vs Body onload事件

window.onload事件和body標籤的onload頁面（包括圖像、樣式和框架）載入到瀏覽器中時執行的JavaScript 函數。

window.onload

視窗。 onload 事件是附加到視窗物件的事件處理程序。當整個頁面（包括其所有資源（例如圖像、樣式表和腳本））載入完成時會觸發該事件。

body 標籤的 onload 事件是附加到 body 元素的事件處理程序。當整個頁面（不包括任何外部資源）載入時會觸發。

何時使用每個事件

一般來說，您應該使用window.onload當您需要在加載整個頁面（包括其所有資源）後執行某個函數時，會發生此事件。當頁面（不包括任何外部資源）載入後需要執行功能時，應該使用 body 標記的 onload 事件。

範例

以下JavaScript 程式碼使用window.onload 事件在整個頁面載入後執行函數：

<code class="js">window.onload = function() {
  // Perform some action
}</code>

以下JavaScript 程式碼使用body 標記的onload 事件在頁面載入後執行函數，排除任何外部資源，已載入：

<code class="html"><body onload="myFunction()">
  <!-- Page content -->
</body></code>

以上是Window.onload 與 Body onload：您應該使用哪個事件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

看更多