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>
自己动手试一试 »