JavaScript常见页面事件及用法

最新推荐文章于 2024-04-03 13:27:26 发布

不问匆匆

最新推荐文章于 2024-04-03 13:27:26 发布

阅读量1.2k

点赞数

分类专栏：新手文章标签： Java

本文链接：https://blog.csdn.net/weixin_44830974/article/details/89448232

版权

新手专栏收录该内容

40 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
	/*
		常见的UI(页面)事件
			load
			resize	尺寸改变事件
			scroll 	滚动
			select	选中
			focus	获取焦点
			blur	失去焦点

	*/
</script>
</head>
<body>
	<img src="images/2.jpg">

	<script type="text/javascript">
		//1.当窗口尺寸1200以上，图片显示为充满页面
		//2.无论何时打开窗口时，图片填充满屏幕
		var oImg;
		window.onload=function (){
			var oImg=document.getElementById('pho');
			setImg();
		};

		//窗口尺寸发生改变
		window.onresize=function(){
			setImg();
		};

		function setImg(){
			//获取窗口尺寸
			var w=document.documentElement.offsetWidth;

			// if (w>1200) {
			// 	oImg.style.width=w+'px';
			// }
			oImg.style.width=w+'px';//设置图片大小和窗口尺寸保持一致
		}

	</script>
</body>
</html>

不问匆匆

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript常见页面事件及用法

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><script type="text/javascript"> /* 常见的UI(页面)事件 load resize 尺寸改...
复制链接

扫一扫