HTML DOM onload Event

最新推荐文章于 2024-04-17 08:44:32 发布

ColorPaper

最新推荐文章于 2024-04-17 08:44:32 发布

阅读量727

点赞数

分类专栏： JavaScript 文章标签： html image javascript tags

JavaScript 专栏收录该内容

35 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Definition and Usage

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

Syntax

οnlοad="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 οnlοad="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" οnlοad="loadImage()" />
</body>
</html>

Try it yourself »