onload 事件会在页面或图像加载完成后立即发生。
onload 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。
在 HTML 中:<body onload=”SomeJavaScriptCode“>
在 JavaScript 中:window.onload=function(){SomeJavaScriptCode};
| 参数 | 描述 |
|---|---|
| SomeJavaScriptCode | 必需。规定该事件发生时执行的 JavaScript。 |
所有主要浏览器都支持 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>