HTML onload 属性
定义和用法
onload 属性在对象加载时触发。
onload 最常用于 <body> 元素，用于在网页完全加载所有内容（包括图像、脚本文件、CSS 文件等）后执行脚本。 但是，它也可以用于其他元素（请参阅下面的“支持的 HTML 标签”）。
对于输入元素，onload 属性仅在 <input type="image"> 时受支持。
onload 属性可用于检查访问者的浏览器类型和浏览器版本，并根据该信息加载网页的正确版本。
适用于
onload 属性是 事件属性 的一部分，可用于以下元素
| 元素 |
|---|
| <body> |
| <iframe> |
| <img> |
| <input> |
| <link> |
| <script> |
| <style> |
示例
Img 示例
在 <img> 元素上使用 onload。在图像加载后立即提醒“图像已加载”
<img src="w3html.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("图像已加载");
}
</script>
自己尝试 »
输入示例
在 <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" | 是 | 是 | 是 | 是 | 是 |
| link | 是 | 是 | 是 | 是 | 是 |
| script | 是 | 是 | 是 | 是 | 是 |
| style | 是 | 是 | 是 | 是 | 是 |
