資料結構
網路
關係型資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學HTML 元素載入完成後執行指令碼？
在本文中，我們將學習如何在 HTML 中在元素載入完成後執行指令碼。
當物件載入完成後，onload 事件就會發生。onload 最常用於 <body> 元素 中，以便在網頁完全載入所有內容後執行指令碼。這可以用於許多事情，例如檢查 Cookie 或根據使用者的瀏覽器設定頁面的適當版本。
讓我們深入瞭解本文，以瞭解更多關於在 HTML 中元素載入完成後執行指令碼的資訊。
使用 Onload 方法
元素載入完成後，onload 事件就會發生。要執行在網頁完全載入後執行指令碼，請將其與 body 元素一起使用。
語法
以下是 onload 方法的語法。
<body onload="functionToBeExecuted">
示例
在下面的示例中，我們使用了 onload 方法。
<!DOCTYPE html>
<html>
<body onload="loadFunction()">
<h1>Welcome To TutorialsPoint</h1>
<script>
function loadFunction() {
alert("Loaded Successfully");
}
</script>
</body>
</html>
當指令碼執行時，事件被觸發，並在網頁上顯示一個警報“載入成功”。
如果使用者點選“確定”，頁面將成功載入並顯示文字“歡迎來到 tutorialspoint”。
使用 window.onload 方法
window 元素的 onload 屬性用於在網頁完全載入後執行指令碼。一旦網頁載入完畢，onload 屬性就會啟用該函式。
語法
以下是 window.onload 方法的語法
window.onload = function exampleFunction() {
// Function to be executed
}
示例
請考慮以下示例，我們使用了 window.onload 方法。
<!DOCTYPE html>
<html>
<body>
<h1>The Best E-Way Learning.</h1>
<script>
function loadFunction() {
alert("Window Loaded Successfully");
}
window.onload = loadFunction();
</script>
</body>
</html>
執行以上指令碼後，輸出視窗會彈出一個警報“視窗載入成功”，此時事件在網頁上被觸發。
當用戶點選確定時，視窗將成功載入並在網頁上顯示文字“最好的線上學習方式”。
更新於：2023-11-22
2K+ 次瀏覽
廣告