HTML onload Attribute

❮ ก่อนหน้า แอตทริบิวต์HTML ทั้งหมด ถัดไป ❯

ความหมายและการใช้งาน

แอ็ตทริบิวต์ onload เริ่มทำงานเมื่อมีการโหลดอ็อบเจ็กต์

ส่วนใหญ่มักจะใช้ onload ภายในองค์ประกอบ <body> เพื่อรันสคริปต์เมื่อหน้าเว็บโหลดเนื้อหาทั้งหมดอย่างสมบูรณ์ (รวมถึงรูปภาพ ไฟล์สคริปต์ ไฟล์ CSS เป็นต้น) อย่างไรก็ตาม สามารถใช้กับองค์ประกอบอื่นๆ ได้เช่นกัน (ดู "แท็ก HTML ที่รองรับ" ด้านล่าง)

สำหรับองค์ประกอบอินพุต แอตทริบิวต์ onload ได้รับการสนับสนุนเมื่อ <input type="image">

สามารถใช้แอตทริบิวต์ onload เพื่อตรวจสอบประเภทเบราว์เซอร์และเวอร์ชันของเบราว์เซอร์ของผู้เข้าชม และโหลดเวอร์ชันที่เหมาะสมของหน้าเว็บตามข้อมูล

นำไปใช้กับ

แอตทริบิวต์ onload เป็นส่วนหนึ่งของแอตทริบิวต์เหตุการณ์และสามารถใช้ได้กับองค์ประกอบต่อไปนี้:

องค์ประกอบ
<body>
<iframe>
<img>
<input>
<link>
<script>
<style>

ตัวอย่าง

ตัวอย่างร่างกาย

เรียกใช้ JavaScript ทันทีหลังจากโหลดหน้าแล้ว:

Img ตัวอย่าง

ใช้ onload บนองค์ประกอบ <img> การแจ้งเตือน "โหลดรูปภาพ" ทันทีหลังจากโหลดรูปภาพแล้ว:

<img src="w3html.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
alert("Image is loaded");
}
</script>

ตัวอย่างอินพุต

การใช้ onload บนองค์ประกอบ <input type="image"> การแจ้งเตือน "โหลดรูปภาพ" ทันทีหลังจากโหลดรูปภาพแล้ว:

<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">

<script>
function loadImage() {
alert("Image is loaded");
}
</script>

รองรับเบราว์เซอร์

แอตทริบิวต์onloadมีการสนับสนุนเบราว์เซอร์ต่อไปนี้สำหรับแต่ละองค์ประกอบ:

Element
body	Yes	Yes	Yes	Yes	Yes
iframe	Yes	Yes	Yes	Yes	Yes
img	Yes	Yes	Yes	Yes	Yes
input type="image"	Yes	Yes	Yes	Yes	Yes
link	Yes	Yes	Yes	Yes	Yes
script	Yes	Yes	Yes	Yes	Yes
style	Yes	Yes	Yes	Yes	Yes