下面有更多 "亲自试一试" 示例。
onload 事件在对象被加载时发生。
onload 最常在 <body> 元素中使用,以便在网页完全加载所有内容(包括图片、脚本文件、CSS 文件等)后执行脚本。
onload事件可用于检查访问者的浏览器类型和浏览器版本,并根据该信息加载正确版本的网页。
onload 事件还可用于处理 cookie(请参阅下面的 "More Examples")。
Event | |||||
---|---|---|---|---|---|
onload | Yes | Yes | Yes | Yes | Yes |
气泡: | 不 |
---|---|
可取消: | 不 |
事件类型: | 用户界面事件如果从用户界面生成,事件否则。 |
HTML 标签: | <正文>、<框架>、<iframe>、<img>、<输入类型="image">、<链接>、<脚本>、<样式> |
DOM 版本: | 2 级活动 |
在 <img> 元素上使用 onload。加载图片后立即发出警报"Image is loaded":
<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
亲自试一试 »
使用onload事件处理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>
亲自试一试 »
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!