HTML onload 事件属性
定义和用法
加载对象时触发 onload 属性。
onload 最常用于 <body> 元素中，用于在网页完全加载所有内容（包括图像、脚本文件、CSS 文件等）后执行脚本。 但是，它也可以用于其他元素（参见下面"支持的 HTML 标签"）。
对于输入元素，只有 <input type="image"> 时才支持 onload 属性
onload 属性可以用来检查访问者的浏览器类型和浏览器版本，并根据这些信息加载合适的网页版本。
适用于
onload 属性是 事件属性 的一部分，可用于以下元素：
| 元素 |
|---|
| <body> |
| <iframe> |
| <img> |
| <input> |
| <link> |
| <script> |
| <style> |
实例
Img 实例
在 <img> 元素上使用 onload。 加载图像后立即提醒 "图片已加载"：
<img src="bthtml.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("图片已加载");
}
</script>
亲自试一试 »
<script>
function loadImage() {
alert("图片已加载");
}
</script>
Input 实例
在 <input type="image"> 元素上使用 onload。 加载图像后立即提醒 "图片已加载"：
<input type="image" onload="loadImage()" src="img_submit.gif" alt="Submit">
<script>
function loadImage() {
alert("图片已加载");
}
</script>
亲自试一试 »
<script>
function loadImage() {
alert("图片已加载");
}
</script>
浏览器支持
onload 属性对每个元素都有以下浏览器支持：
| 元素 | |||||
|---|---|---|---|---|---|
| body | Yes | Yes | Yes | Yes | Yes |
| iframe | Yes | Yes | Yes | Yes | Yes |
| img | Yes | Yes | Yes | Yes | Yes |
| input type="image" | Yes | Yes | Yes | Yes | Yes |
| link | Yes | Yes | Yes | Yes | Yes |
| script | Yes | Yes | Yes | Yes | Yes |
| style | Yes | Yes | Yes | Yes | Yes |
