轻松上手,快乐学习!

HTML onload 事件属性


定义和用法

加载对象时触发 onload 属性。

onload 最常用于 <body> 元素中,用于在网页完全加载所有内容(包括图像、脚本文件、CSS 文件等)后执行脚本。 但是,它也可以用于其他元素(参见下面"支持的 HTML 标签")。

对于输入元素,只有 <input type="image"> 时才支持 onload 属性

onload 属性可以用来检查访问者的浏览器类型和浏览器版本,并根据这些信息加载合适的网页版本。


适用于

onload 属性是 事件属性 的一部分,可用于以下元素:

元素
<body>
<iframe>
<img>
<input>
<link>
<script>
<style>

实例

Body 实例

在页面加载后立即执行 JavaScript:

<body onload="myFunction()">
亲自试一试 »

Img 实例

在 <img> 元素上使用 onload。 加载图像后立即提醒 "图片已加载":

<img src="bthtml.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