HTML onload 事件属性
提示: 下面有更多实例。
定义和用法
onload 属性在文档对象加载完成后触发。
onload 通常使用于 <body> 元素中，用于在页面完全载入后执行指定的脚本(包括图片，脚本，css文件等)。
onload 属性可用于检查访问者的浏览器类型和浏览器版本，并根据信息加载网页的正确版本。
onload 属性也可用于处理 cookie（参阅下面的 "更多示例" )。
浏览器支持
| 事件属性 | |||||
|---|---|---|---|---|---|
| onload | Yes | Yes | Yes | Yes | Yes |
语法
<element onload="script">
属性值
| 值 | 描述 |
|---|---|
| script | 规定该onload事件触发时执行的脚本。 |
技术细节
| 支持的 HTML 标签: | <body>, <frame>, <frameset>, <iframe>, <img>, <input type="image">, <link>, <script> 和 <style> |
|---|
更多实例
实例
在 <img> 元素上使用 onload。加载图像后立即发出"图像已加载"警报：
<img src="bthtml.gif" onload="loadImage()" width="100" height="132">
<script>
function loadImage() {
alert("图片已加载");
}
</script>
亲自试一试 »
<script>
function loadImage() {
alert("图片已加载");
}
</script>
实例
使用 onload 事件处理 cookie:
<body onload="checkCookies()">
<p id="demo"></p>
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "已启用 Cookie。";
} else {
text = "未启用 Cookie。";
}
document.getElementById("demo").innerHTML = text;
}
</script>
亲自试一试 »
<p id="demo"></p>
<script>
function checkCookies() {
var text = "";
if (navigator.cookieEnabled == true) {
text = "已启用 Cookie。";
} else {
text = "未启用 Cookie。";
}
document.getElementById("demo").innerHTML = text;
}
</script>
相关页面
HTML DOM 参考手册: onload 事件
