HTML DOM onload Event

最新推荐文章于 2026-04-08 19:55:25 发布

转载最新推荐文章于 2026-04-08 19:55:25 发布 · 788 阅读

收录于

JavaScript

当前文章被收录于：

JavaScript

35 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了HTML中onload事件的定义及用法，包括其语法、参数说明、支持的HTML标签和JavaScript对象，以及浏览器兼容性情况。通过两个实例展示了如何在页面和图片加载完成后触发JavaScript代码执行。

Definition and Usage

The onload event occurs immediately after a page or an image is loaded.

Syntax

onload="JavaScriptCode"

Parameter	Description
JavaScriptCode	Required. Specifies a JavaScript to be executed when the event occurs

Supported by the following HTML tags:

<body>, <img>

Supported by the following JavaScript objects:

body, image

Browser Support

The onload event is supported in all major browsers.

Examples

Example 1

Alert "Page is loaded" immediately after a page is loaded:

<html>
<head>
<script type="text/javascript">
function load()
{
alert("Page is loaded");
}
</script>
</head>

<body onload="load()">
<h1>Hello World!</h1>
</body>
</html>

Try it yourself »

Example 2

Alert "Image is loaded" immediately after an image is loaded:

<html>
<head>
<script type="text/javascript">
function loadImage()
{
alert("Image is loaded");
}
</script>
</head>

<body>
<img src="w3javascript.gif" onload="loadImage()" />
</body>
</html>

Try it yourself »

标签

#html #image #javascript #tags