window.onload

Posted on 2020-02-28 09:13  oicc  阅读(160)  评论(0)    收藏  举报

window.onload() 方法用于在网页加载完毕后立刻执行的操作,即当 HTML 文档加载完毕后,立刻执行某个方法。

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

<!DOCTYPE html>   
<html>   
<head>   
<meta charset=" utf-8">   
<title>测试</title>
<style type="text/css">
#bg{
    width:100px;
    height:100px;
    background:blue;
}
</style>
</head>
<body>
    <div id="bg"></div>
</body>
</html>
<script type="text/javascript">
	window.onload=init();
	init(){
		alert("DOM加载完毕");
	}
</script>