目录

onload 事件

示例

页面加载后立即执行 JavaScript:

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

下面有更多 "亲自试一试" 示例。


描述

onload 事件在对象被加载时发生。

onload 最常在 <body> 元素中使用,以便在网页完全加载所有内容(包括图片、脚本文件、CSS 文件等)后执行脚本。

onload事件可用于检查访问者的浏览器类型和浏览器版本,并根据该信息加载正确版本的网页。

onload 事件还可用于处理 cookie(请参阅下面的 "More Examples")。


浏览器支持

Event
onload Yes Yes Yes Yes Yes

语法

在 HTML 中:

< element onload=" myScript">
亲自试一试 »

在 JavaScript 中:

object.onload = function(){ myScript};
亲自试一试 »

在 JavaScript 中,使用 addEventListener() 方法:

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


技术细节

气泡:
可取消:
事件类型: 用户界面事件如果从用户界面生成,事件否则。
HTML 标签: <正文>、<框架>、<iframe>、<img>、<输入类型="image">、<链接>、<脚本>、<样式>
DOM 版本: 2 级活动

更多示例

示例

在 <img> 元素上使用 onload。加载图片后立即发出警报"Image is loaded":

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

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

示例

使用onload事件处理cookie:

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