JavaScript——页面相关事件

时间 2019-11-12

原文原文链接

页面事件是在页面加载或改变浏览器的大小、位置，以及对页面中的滚动条进行操做时，所触发的事件处理程序。javascript

加载与卸载事件

加载事件(onload)是在网页加载完毕后触发相应的事件处理程序，它能够在网页加载完成后对网页中的表格样式、字体、背景颜色等进行设置。卸载事件(unload) 是在卸载网页时触发相应的事件处理程序，卸载网页是指关闭当前页或从当前页跳转到其余网页中，该事件常被用于在关闭当前页或跳转其余网页时，弹出询问提示框。html

在制做网页时，为了便于网页资源的利用，能够在网页加载事件中对网页中的元素进行设置。java

例子：网页加载时缩小图片浏览器

在网页加载时，将图片缩小成指定的大小，当鼠标指针移动到图片上时，将图片大小情复成原始大小，这样能够避免使用大小相同的两个图片进行切换，并在关闭网页时，用提示框提示月户是否关闭当前页。字体

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body onunload="pclose()">
		<img src="img/banner01.png" name="img1" onload="blowup()" onmouseover="blowup()" onmouseover="reduce()"/>
		<script type="text/javascript">
			var h=img1.height;
			var w=img1.width;
			function blowup(){    //缩小图片
				if(img1.height>=h){
					img1.height=h-100;
					img1.width=w-100;
				}
			}
			function reduce(){   //恢复原始大小
				if(img1.height>=h){
					img1.height=h;
					img1.width=w;
				}
			}
			function pclose(){   //卸载时弹出提示框
				alert("欢迎浏览本网页");
			}
		</script>
	</body>
	
</html>