HTML onload 事件属性
更多“自己尝试”的例子见下文。
定义和用法
onload 属性在对象加载完成后触发。
onload 最常用于 <body> 元素中，以便在网页已完全加载所有内容（包括图像、脚本文件、CSS 文件等）后执行脚本。但它也可以用于其他元素（请参阅下面的“支持的 HTML 标签”）。
onload 属性可用于检查访问者的浏览器类型和浏览器版本，并根据信息加载适当版本的网页。
onload 属性还可用于处理 Cookie（请参阅下面的“更多示例”）。
浏览器支持
| 事件属性 | |||||
|---|---|---|---|---|---|
| onload | 是 | 是 | 是 | 是 | 是 |
语法
<element onload="script">
属性值
| 值 | 描述 |
|---|---|
| script | 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("图像已加载");
}
</script>
自己动手试一试 »
示例
使用 onload 事件处理 Cookie（使用“高级”javascript）
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
let text = "";
if (navigator.cookieEnabled == true) {
text = "Cookie 已启用。";
} else {
text = "Cookie 未启用。";
}
document.getElementById("demo").innerHTML = text;
}
</script>
自己动手试一试 »
相关页面
HTML DOM 参考：onload 事件
❮ HTML 事件属性
