最新的Web开发教程
 

onload事件

<事件对象

例

执行JavaScript的网页加载后立即：

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

更多"Try it Yourself"下面的例子。

定义和用法

当一个对象已经加载发生onload事件。

的onload是最经常的内使用<body>元素一旦一个网页已经完全加载的所有内容（包括图像，脚本文件，CSS文件，等），以执行脚本。

onload事件可以被用来检测访问者的浏览器类型和版本，并加载基于信息的网页的正确版本。

onload事件也可以被用来对付cookies （见"More Examples"下文）。

浏览器支持

事件
onload 是 是 是 是 是

句法

在HTML：

< 试一试»

在JavaScript：

object .onload=function(){ 试一试»

在JavaScript中，使用addEventListener()方法：

object .addEventListener("load", myScript );
试一试»

注意： addEventListener()在Internet Explorer 8和更早版本不支持的方法。

技术细节

泡沫： 没有
取消： 没有
事件类型： 的UIEvent如果从用户接口生成的，事件否则。
支持的HTML标签： <BODY>，<帧>，<IFRAME>，<IMG>，<INPUT TYPE = “图像”>，<链路>，<SCRIPT>， <style>
DOM版本： 2级事件
例子

更多示例

例

使用上的onload <img>的元素。 警报"Image is loaded"的形象已经被加载后立即：

<img src="w3javascript.gif" onload="loadImage()" width="100" height="132">

<script>
function loadImage() {
    alert("Image is loaded");
}
</script>
试一试»

例

使用onload事件处理饼干：

<body onload="checkCookies()">

<script>
function checkCookies() {
    var text = "";

    if (navigator.cookieEnabled == true) {
       text = "Cookies are enabled.";
    } else {
        text = "Cookies are not enabled.";
    }

    document.getElementById("demo").innerHTML = text;
}
</script>
试一试»
<事件对象