javascript得到屏幕分辨率和网页可见区域等方法

最新推荐文章于 2024-04-28 17:59:05 发布

godpower

最新推荐文章于 2024-04-28 17:59:05 发布

阅读量273

点赞数 1

分类专栏： JavaScript 文章标签： JavaScript 工作 ViewUI

本文链接：https://blog.youkuaiyun.com/godpower/article/details/83298807

版权

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript获取屏幕分辨率、浏览器可视区域大小及网页滚动位置的方法。这些信息对于前端开发人员来说非常实用，可以帮助他们更好地理解用户如何与网站交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript得到屏幕分辨率和网页可见区域等方法
<body><SCRIPT   LANGUAGE="JavaScript">...   
  var     s   =   "";   
  s   +=   " 网页可见区域宽："+   document.body.clientWidth;   
  s   +=   " 网页可见区域高："+   document.body.clientHeight;   
  s   +=   " 网页可见区域宽："+   document.body.offsetWidth     +"   (包括边线和滚动条的宽)";   
  s   +=   " 网页可见区域高："+   document.body.offsetHeight   +"   (包括边线的宽)";   
  s   +=   " 网页正文全文宽："+   document.body.scrollWidth;   
  s   +=   " 网页正文全文高："+   document.body.scrollHeight;   
  s   +=   " 网页被卷去的高："+   document.body.scrollTop;   
  s   +=   " 网页被卷去的左："+   document.body.scrollLeft;   
  s   +=   " 网页正文部分上："+   window.screenTop;   
  s   +=   " 网页正文部分左："+   window.screenLeft;   
  s   +=   " 屏幕分辨率的高："+   window.screen.height;   
  s   +=   " 屏幕分辨率的宽："+   window.screen.width;   
  s   +=   " 屏幕可用工作区高度："+   window.screen.availHeight;   
  s   +=   " 屏幕可用工作区宽度："+   window.screen.availWidth;   
  s   +=   " 你的屏幕设置是   "+   window.screen.colorDepth   +"   位彩色";   
  s   +=   " 你的屏幕设置   "+   window.screen.deviceXDPI   +"   像素/英寸";   
  alert(s);   
  </SCRIPT>