เพิ่มเติม "ลองตัวเอง" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
onload ไฟแอตทริบิวต์เมื่อวัตถุได้รับการโหลด
onload ที่ใช้บ่อยที่สุดใน <body> องค์ประกอบรันสคริปต์ครั้งหน้าเว็บที่มีการโหลดสมบูรณ์เนื้อหาทั้งหมด (รวมถึงรูปภาพไฟล์สคริปต์ไฟล์ CSS, ฯลฯ ) แต่ก็สามารถนำมาใช้กับองค์ประกอบอื่น ๆ เช่นกัน (ดู "แท็ก HTML สนับสนุน" ด้านล่าง)
onload แอตทริบิวต์สามารถนำมาใช้ในการตรวจสอบของผู้เข้าชมประเภทเบราว์เซอร์และเบราว์เซอร์รุ่นและโหลดรุ่นที่ถูกต้องของหน้าเว็บบนพื้นฐานของข้อมูล
onload แอตทริบิวต์ยังสามารถนำมาใช้ในการจัดการกับคุกกี้ (ดู "ตัวอย่างเพิ่มเติม" ด้านล่าง)
สนับสนุนเบราว์เซอร์
| แอตทริบิวต์เหตุการณ์ | |||||
|---|---|---|---|---|---|
| onload | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
ไม่มี.
วากยสัมพันธ์
<elementonload=" script ">
ค่าแอตทริบิวต์
| ความคุ้มค่า | ลักษณะ |
|---|---|
| script | สคริปต์ที่จะทำงานใน onload |
รายละเอียดทางเทคนิค
| แท็กที่รองรับ: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> และ <style> |
|---|
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ใช้ onload บน <img> องค์ประกอบ การแจ้งเตือน "ภาพที่มีการโหลด" ทันทีหลังจากที่ภาพได้รับการโหลด:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
ลองตัวเอง» ตัวอย่าง
ใช้ onLoad เหตุการณ์ที่จะจัดการกับ cookies (โดยใช้ "advanced" จาวาสคริปต์):
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text =
"Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: onLoad เหตุการณ์