Thuộc tính onload HTML
Đị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).
Đối với các phần tử đầu vào, thuộc tính onload chỉ được hỗ trợ khi <input type = "image">
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.
Áp dụng đối với
Thuộc tính onload là một phần của Thuộc tính sự kiện và có thể được sử dụng trên các phần tử sau:
Các yếu tố |
---|
<body> |
<iframe> |
<img> |
<input> |
<liên kết> |
<script> |
<kiểu> |
Các ví dụ
Ví dụ về cơ thể
Thực thi một JavaScript ngay lập tức sau khi một trang được tải:
<body onload="myFunction()">
Ví dụ về Img
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>
Ví dụ đầu vào
Sử dụng onload trên phần tử <input type = "image">. Cảnh báo "Hình ảnh được tải" ngay sau khi hình ảnh được tải:
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
Hỗ trợ trình duyệt
Thuộc onload
tính này có hỗ trợ trình duyệt sau cho từng phần tử:
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 |