HTML onloadแอตทริบิวต์เหตุการณ์
ตัวอย่าง
เรียกใช้ JavaScript ทันทีหลังจากโหลดหน้าแล้ว:
<body onload="myFunction()">
ตัวอย่าง "ลองใช้เอง" เพิ่มเติมด้านล่าง
ความหมายและการใช้งาน
แอ็ตทริบิวต์ onload เริ่มทำงานเมื่อมีการโหลดอ็อบเจ็กต์
ส่วนใหญ่มักจะใช้ onload ภายในองค์ประกอบ <body> เพื่อรันสคริปต์เมื่อหน้าเว็บโหลดเนื้อหาทั้งหมดอย่างสมบูรณ์ (รวมถึงรูปภาพ ไฟล์สคริปต์ ไฟล์ CSS เป็นต้น) อย่างไรก็ตาม สามารถใช้กับองค์ประกอบอื่นๆ ได้เช่นกัน (ดู "แท็ก HTML ที่รองรับ" ด้านล่าง)
สามารถใช้แอตทริบิวต์ onload เพื่อตรวจสอบประเภทเบราว์เซอร์และเวอร์ชันของเบราว์เซอร์ของผู้เข้าชม และโหลดเวอร์ชันที่เหมาะสมของหน้าเว็บตามข้อมูล
แอตทริบิวต์ onload ยังสามารถใช้เพื่อจัดการกับคุกกี้ (ดู "ตัวอย่างเพิ่มเติม" ด้านล่าง)
รองรับเบราว์เซอร์
| Event Attribute | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
<element onload="script">
ค่าแอตทริบิวต์
| Value | Description |
|---|---|
| script | The script to be run on onload |
รายละเอียดทางเทคนิค
| แท็ก HTML ที่รองรับ: | <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 เพื่อจัดการกับคุกกี้ (โดยใช้จาวาสคริปต์ "ขั้นสูง"):
<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
❮ คุณสมบัติเหตุการณ์ HTML