Thuộc tính sự kiện onload HTML
Thí dụ
Thực thi một JavaScript ngay lập tức sau khi một trang được tải:
<body onload="myFunction()">
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính onload kích hoạt khi một đối tượng đã được tải.
onload thường được sử dụng nhiều nhất trong phần tử <body> để thực thi tập lệnh khi một trang web đã tải xong tất cả nội dung (bao gồm hình ảnh, tệp tập lệnh, tệp CSS, v.v.). Tuy nhiên, nó cũng có thể được sử dụng trên các phần tử khác (xem "Các thẻ HTML được hỗ trợ" bên dưới).
Thuộc tính onload có thể được sử dụng để kiểm tra loại trình duyệt và phiên bản trình duyệt của khách truy cập, đồng thời tải phiên bản phù hợp của trang web dựa trên thông tin.
Thuộc tính onload cũng có thể được sử dụng để xử lý cookie (xem "Ví dụ khác" bên dưới).
Hỗ trợ trình duyệt
Event Attribute | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
Cú pháp
<element onload="script">
Giá trị thuộc tính
Value | Description |
---|---|
script | The script to be run on onload |
Chi tiết kỹ thuật
Các thẻ HTML được hỗ trợ: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type = "image">, <link>, <script> và <style> |
---|
Các ví dụ khác
Thí dụ
Sử dụng onload trên phần tử <img>. Cảnh báo "Hình ảnh được tải" ngay sau khi hình ảnh được tải:
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Thí dụ
Sử dụng sự kiện onload để xử lý cookie (sử dụng javascript "nâng cao"):
<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>
Các trang liên quan
Tham chiếu HTML DOM: sự kiện onload
❮ Thuộc tính sự kiện HTML