DOM（一）-09-(window常见事件)

最新推荐文章于 2024-03-10 15:50:24 发布

wy_0928

最新推荐文章于 2024-03-10 15:50:24 发布

阅读量315

点赞数

分类专栏： No.7-JavaWeb自学笔记（五）——DOM

本文链接：https://blog.csdn.net/wy_0928/article/details/47809583

版权

No.7-JavaWeb自学笔记（五）——DOM 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

【window常见事件】（详情请查阅DHTML API文档）见示例1

1.onunload：在对象卸载前立即触发。

2.onload：在浏览器完成对象的装载后立即触发。

3.onbeforeunload：在页面将要被卸载前触发。

【window常见属性】（详情请查阅DHTML API文档）见示例2

1.status 设置或获取位于窗口底部状态栏的信息。

====================================================================================================

【示例1】（用一个事件去指向一个函数，在函数内定义所需功能）

<html>
	<head>
	</head>
	
	<body>
		<script type="text/javascript">
		
		//以下window可以省略
		
			window.onunload = function(){
				
				alert('onunload run');
			
			}
			
			window.onload = function(){
			
				alert('onload run');
				
			}
			
			window.onbeforeunload = function(){
				
				alert('onbeforeunload run');
				
			}
		
		</script>
	</body>
</html>

【效果】
打开以上网页后，弹出onload run，因为当网页中所有内容全部加载完毕会出发onload事件，所以第一个弹出onload run，
之后单击右上角的×关闭网页，先弹出onbeforeunload run，此时网页未关闭，点确定，网页关闭，弹出onunload run，
因为onbeforeunload是在将要被卸载前触发，而onunload是在卸载完成后触发。

====================================================================================================

【示例2】（用一个事件去指向一个函数，在函数内定义所需功能）

<html>
	<head>
	</head>
	
	<body>
		<script type="text/javascript">
		
		//以下window可以省略


			window.onload = function(){//在onload事件所指向的函数内定义window中的status属性，即网页一加载完就显示该属性。
			
				window.status = "啊！加载完毕啦！";
				
			}
		
		</script>
	</body>
</html>

【效果】
网页加载完毕后，底部状态栏显示的信息为：啊！加载完毕啦！