JavaScript获取屏幕宽高详解

最新推荐文章于 2023-12-07 17:00:14 发布

jswm20150115

最新推荐文章于 2023-12-07 17:00:14 发布

阅读量619

点赞数

分类专栏： Javascript 网站前端开发文章标签： document clientWidth clientHeight 屏幕宽高

本文链接：https://blog.csdn.net/weiming8517/article/details/52247928

版权

本文详细介绍了如何使用JavaScript获取网页及屏幕的各种尺寸，包括可见区域宽高、全文宽高、滚动条位置以及屏幕分辨率等。通过示例代码展示了document.body和window.screen对象的相关属性，如clientWidth、clientHeight、offsetWidth、offsetHeight、scrollWidth、scrollHeight等。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>JavaScript获取屏幕宽高详解</title>
	</head>
	<body>
		
	<ul>  
		 <li id="id01"></li>  
		 <li id="id02"></li>  
		 <li id="id03"></li>  
		 <li id="id04"></li>  
		 <li id="id05"></li>  
		 <li id="id06"></li>  
		 <li id="id07"></li>  
		 <li id="id08"></li>  
		 <li id="id09"></li>  
		 <li id="id10"></li>  
		 <li id="id11"></li>  
		 <li id="id12"></li>  
		 <li id="id13"></li>  
		 <li id="id14"></li>  
    </ul> 
		
	<script type="application/javascript">
		
		document.g