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>