sự kiện tải lên
Ví dụ
Thực thi JavaScript ngay sau khi trang được tải:
<body onload="myFunction()">
Hãy tự mình thử »Thêm ví dụ "Hãy tự mình thử" bên dưới.
Sự miêu tả
Sự kiện onload xảy ra 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 sau khi trang web đã tải hoàn toàn tất cả nội dung (bao gồm hình ảnh, tệp tập lệnh, tệp CSS, v.v.).
Sự kiện 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.
Sự kiện 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 | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
Cú pháp
Trong JavaScript, sử dụng phương thức addEventListener():
object .addEventListener("load", myScript );
Hãy tự mình thử » Chi tiết kỹ thuật
Bong bóng: | KHÔNG |
---|---|
Có thể hủy: | KHÔNG |
Loại sự kiện: | UiEvent nếu được tạo từ giao diện người dùng, ngược lại là Sự kiện . |
Thẻ HTML: | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
Phiên bản DOM: | Sự kiện cấp 2 |
Thêm ví dụ
Ví dụ
Sử dụng onload trên phần tử <img>. Cảnh báo "Image is loading" ngay sau khi tải xong ảnh:
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Hãy tự mình thử »Ví dụ
Sử dụng sự kiện onload để xử lý cookie:
<body onload="checkCookies()">
<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>
Hãy tự mình thử »