onload 事件 | HTML DOM 事件对象

返回到:DOM 对象:HTML DOM 事件对象

定义和用法

onload 事件会在页面或图像加载完成后立即发生。

onload 通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

语法

在 HTML 中:<body onload=”SomeJavaScriptCode“>

在 JavaScript 中:window.onload=function(){SomeJavaScriptCode};

参数描述
SomeJavaScriptCode必需。规定该事件发生时执行的 JavaScript。

所有主要浏览器都支持 onload 事件

以下 HTML 标签支持 onload :

<body>, <frame>, <frameset>, <iframe>, <img>, <input type=”image”>, <link>, <script>, <style>

实例

当页面载入完毕后执行Javascript代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(web176.com)</title>
<script>
function myFunction(){
	alert("页面加载完成");
}
</script>
</head>

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

</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3913.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年10月13日 下午4:20
下一篇 2021年10月13日 下午4:25

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注