HTML onload 属性
定义和用法
onload 属性在对象加载完成后触发。
onload 最常用于 <body> 元素中，以在网页完全加载所有内容（包括图像、脚本文件、CSS 文件等）后执行脚本。但是，它也可以用于其他元素（参见下面的“支持的 HTML 标签”）。
对于输入元素，onload 属性仅在 <input type="image"> 时受支持
onload 属性可用于检查访问者的浏览器类型和浏览器版本，并根据信息加载相应版本的网页。
适用范围
onload 属性是 事件属性 的一部分，可用于以下元素
| 元素 |
|---|
| <body> |
| <iframe> |
| <img> |
| <input> |
| <link> |
| <script> |
| <style> |
示例
图片示例
在 <img> 元素上使用 onload。图像加载后立即提示“图像已加载”
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("图片已加载");
}
</script>
自己动手试一试 »
Input 示例
在 <input type="image"> 元素上使用 onload。图片加载后立即弹出“图片已加载”
<input type="image" onload="loadImage()" src="img_submit.gif" alt="提交">
<script>
function loadImage() {
alert("图片已加载");
}
</script>
自己动手试一试 »
浏览器支持
onload 属性对每个元素的浏览器支持如下
| 元素 | |||||
|---|---|---|---|---|---|
| body | 是 | 是 | 是 | 是 | 是 |
| iframe | 是 | 是 | 是 | 是 | 是 |
| img | 是 | 是 | 是 | 是 | 是 |
| input type="image" | 是 | 是 | 是 | 是 | 是 |
| 链接 | 是 | 是 | 是 | 是 | 是 |
| script | 是 | 是 | 是 | 是 | 是 |
| 样式 | 是 | 是 | 是 | 是 | 是 |
