onload 事件
下面有更多“尝试一下”示例。
描述
onload 事件在对象加载完成后发生。
onload 最常用于 <body> 元素中，用于在网页完全加载所有内容（包括图像、脚本文件、CSS 文件等）后执行脚本。
onload 事件可用于检查访问者的浏览器类型和浏览器版本，并根据这些信息加载网页的正确版本。
onload 事件也可用于处理 cookie（请参见下面的“更多示例”）。
浏览器支持
| 事件 | |||||
|---|---|---|---|---|---|
| onload | 是 | 是 | 是 | 是 | 是 |
语法
技术细节
| 冒泡 | 否 |
|---|---|
| 可取消 | 否 |
| 事件类型 | UiEvent 如果是从用户界面生成的，否则为 Event。 |
| HTML 标签 | <body>，<frame>，<iframe>，<img>，<input type="image">，<link>，<script>，<style> |
| DOM 版本 | Level 2 Events |
更多示例
示例
在 <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>
尝试一下 »
