ความหมายและการใช้งาน
onload ไฟแอตทริบิวต์เมื่อวัตถุได้รับการโหลด
onload ที่ใช้บ่อยที่สุดใน <body> องค์ประกอบรันสคริปต์ครั้งหน้าเว็บที่มีการโหลดสมบูรณ์เนื้อหาทั้งหมด (รวมถึงรูปภาพไฟล์สคริปต์ไฟล์ CSS, ฯลฯ ) แต่ก็สามารถนำมาใช้กับองค์ประกอบอื่น ๆ เช่นกัน (ดู "แท็ก HTML สนับสนุน" ด้านล่าง)
สำหรับองค์ประกอบของการป้อนข้อมูลที่ onload แอตทริบิวต์การสนับสนุนเฉพาะเมื่อ <input type="image">
onload แอตทริบิวต์สามารถนำมาใช้ในการตรวจสอบของผู้เข้าชมประเภทเบราว์เซอร์และเบราว์เซอร์รุ่นและโหลดรุ่นที่ถูกต้องของหน้าเว็บบนพื้นฐานของข้อมูล
นำไปใช้กับ
onload แอตทริบิวต์เป็นส่วนหนึ่งของ แอตทริบิวต์เหตุการณ์ และสามารถนำมาใช้ในองค์ประกอบต่อไปนี้:
| องค์ประกอบ |
|---|
| <body> |
| <iframe> |
| <img> |
| <input> |
| <link> |
| <script> |
| <style> |
ตัวอย่าง
Body ตัวอย่าง
รัน JavaScript ทันทีหลังจากที่หน้าได้รับการโหลด:
<body onload="myFunction()"> ลองตัวเอง» Img ตัวอย่าง
ใช้ onload บน <img> องค์ประกอบ การแจ้งเตือน "ภาพที่มีการโหลด" ทันทีหลังจากที่ภาพได้รับการโหลด:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is
loaded");
}
</script>
ลองตัวเอง» สนับสนุนเบราว์เซอร์
onload แอตทริบิวต์มีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:
| ธาตุ | |||||
|---|---|---|---|---|---|
| body | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
| iframe | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
| img | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
| link | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
| script | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
| style | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |