JS获取当前对象大小以及屏幕分辨率等

小咪咪 2022-08-20 08:15 219阅读 0赞

JS获取当前对象大小以及屏幕分辨率等

![复制代码][copycode.gif]

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

![复制代码][copycode.gif]

![jspmfbl.gif][]

标签:  [Javascript][]

[copycode.gif]: /images/20220731/5163daa8047c452c945eb9b7ed5487bb.png
[jspmfbl.gif]: /images/20220731/a2686f7861494a94abd5b7c63baa806e.png
[Javascript]: http://www.cnblogs.com/tearer/tag/Javascript/