HTML onload 事件属性

❮ HTML 事件属性

实例

当文档加载完成后运行 JavaScript 脚本:

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

提示: 下面有更多实例。


定义和用法

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="w3html.gif" onload="loadImage()" width="100" height="132">

<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>
亲自试一试 »

相关页面

HTML DOM 参考手册: onload 事件


❮ HTML 事件属性