HTML onload 事件属性
下面还有更多“亲自试一试”的示例。
定义和用法
onload 属性在对象加载完成后触发。
onload 最常用于 <body> 元素中，以便在网页完全加载所有内容（包括图像、脚本文件、CSS 文件等）后执行脚本。但是，它也可以用于其他元素（请参见下面的“支持的 HTML 标签”）。
onload 属性可用于检查访问者的浏览器类型和浏览器版本，并根据这些信息加载网页的正确版本。
onload 属性也可用于处理 cookie（请参见下面的“更多示例”）。
浏览器支持
| 事件属性 | |||||
|---|---|---|---|---|---|
| onload | 是 | 是 | 是 | 是 | 是 |
语法
<元素 onload="脚本">
属性值
| 值 | 描述 |
|---|---|
| 脚本 | 在 onload 时要运行的脚本 |
技术细节
| 支持的 HTML 标签 | <body>、<frame>、<frameset>、<iframe>、<img>、<input type="image">、<link>、<script> 和 <style> |
|---|
更多示例
示例
在 <img> 元素上使用 onload。在图像加载完成后立即弹出“图像已加载”
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("Image is loaded");
}
</script>
亲自试一试 »
示例
使用 onload 事件处理 cookie（使用“高级”JavaScript）
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
let text = "";
if (navigator.cookieEnabled == true) {
text = "Cookies are enabled.";
} else {
text = "Cookies are not enabled.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
亲自试一试 »
相关页面
HTML DOM 参考：onload 事件
❮ HTML 事件属性
