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="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="Submit">
<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 |