onload 事件
更多“自己嘗試”的例子見下文。
描述
onload 事件在物件載入完成後發生。
onload 最常用於 <body> 元素中，以便在網頁完全載入所有內容（包括影像、指令碼檔案、CSS 檔案等）後執行指令碼。
onload 事件可用於檢查訪問者的瀏覽器型別和瀏覽器版本，並根據資訊載入相應版本的網頁。
onload 事件也可以用於處理 cookie（參見下面的“更多示例”）。
瀏覽器支援
| 事件 | |||||
|---|---|---|---|---|---|
| onload | 是 | 是 | 是 | 是 | 是 |
語法
技術詳情
| 冒泡 | 否 |
|---|---|
| 可取消 | 否 |
| 事件型別 | 如果由使用者介面生成，則為 UiEvent，否則為 Event。 |
| HTML 標籤 | <body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style> |
| DOM 版本 | 二級事件 |
更多示例
示例
在 <img> 元素上使用 onload。影像載入後立即提示“影像已載入”
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("影像已載入");
}
</script>
自己動手試一試 »
示例
使用 onload 事件處理 cookie
<body onload="checkCookies()">
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "Cookie 已啟用。";
} else {
text = "Cookie 未啟用。";
}
document.getElementById("demo").innerHTML = text;
}
</script>
自己動手試一試 »
