网页可见区域宽:document.body.clientWidth 
网页可见区域高:document.body.clientHeight 
网页可见区域宽:document.body.offsetWidth (包括边线的宽) 
网页可见区域高:document.body.offsetHeight (包括边线的宽) 
网页正文全文宽:document.body.scrollWidth 
网页正文全文高:document.body.scrollHeight 
网页被卷去的高:document.body.scrollTop 
网页被卷去的左:document.body.scrollLeft 
网页正文部分上:window.screenTop 
网页正文部分左:window.screenLeft 
屏幕分辨率的高:window.screen.height 
屏幕分辨率的宽:window.screen.width 
屏幕可用工作区高度:window.screen.availHeight 
屏幕可用工作区宽度:window.screen.availWidth

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 
scrollHeight: 获取对象的滚动高度。 
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 
scrollWidth:获取对象的滚动宽度 
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 
event.clientX 相对文档的水平座标 
event.clientY 相对文档的垂直座标 
event.offsetX 相对容器的水平坐标 
event.offsetY 相对容器的垂直坐标 
document.documentElement.scrollTop 垂直方向滚动的值 
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

IE,FireFox 差异如下:

IE6.0、FF1.06+:

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5: 
clientWidth = width - border

clientHeight = height - border

offsetWidth = width

offsetHeight = height

(需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

转载于:https://www.cnblogs.com/CoderWayne/archive/2008/04/23/4485500.html

获取屏幕,浏览器,网页高度宽度相关推荐

  1. JS获取屏幕浏览器网页高度和宽度属性

    1 网页可见区域宽:document.body.clientWidth 2 网页可见区域高:document.body.clientHeight 3 网页可见区域宽:document.body.off ...

  2. android 获取navigationbar 高度,Android判断NavigationBar是否显示的方法(获取屏幕真实的高度)...

    有些时候,我们需要知道当前手机上是否显示了NavigationBar,也就是屏幕底部的虚拟按键. 比如截屏的时候,要获取屏幕的高度,必须包括NavigationBar的高度. 试过网上的多种方法,但是 ...

  3. 函数语法:JS获取浏览器窗口大小 获取屏幕,浏览器,网页高度宽度(转载)...

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...

  4. 关于使用“JS获取屏幕,浏览器,网页高度宽度”的个人思考

    在js开发中免不了获取屏幕或文档的宽度高度问题.今天在搜索引擎中搜索时,看到最多的就是这篇文章 这张图片已经被转载了很多了,我想说的是,在转载之前能否先思考下,是否完全懂了,而不是囫囵吞枣(虽然我也记 ...

  5. JS如何获取屏幕、浏览器及网页高度宽度?

    目的 在浏览器中,用JS获取高度和宽度都各有3种,分别包括屏幕,浏览器和网页的.用来解决各种计算定位问题!以至于我各种记不住,写个随笔方便查询. 屏幕宽高 说明:顾名思义,屏幕宽高是指显示器的分辨率. ...

  6. JS获取屏幕,浏览器,网页高度宽度

    网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWid ...

  7. 【JAVASCRIPT】javascript获取屏幕,浏览器,网页高度宽度

    网页可见区域宽:document.body.clientWidth  网页可见区域高:document.body.clientHeight  网页可见区域宽:document.body.offsetW ...

  8. 获取屏幕可视区域的宽度和高度

    window.outerWidth与window.outerHeight:获得的是加上工具条与滚动条窗口的宽度与高度. window.innerWidth与window.innerHeight:获得的 ...

  9. js获取当前浏览器页面高度及宽度信息的方法

    function getInfo()         {             var s = "";             s += " 网页可见区域宽:" ...

最新文章

  1. DataGridView 密码列(显示为*号)的设置
  2. 基于IndexedDB实现简单文件系统
  3. appium获取元素节点的方法_Appium学废系列(四) 如何写出优雅又健壮的脚本
  4. debian安装flash插件
  5. ffmpeg 为取经而来_伊力特的英雄情结从何而来?
  6. 典型的DIV+CSS布局(左中右)
  7. class.sitemap.php
  8. 我被男朋友整整欺骗了两年可结果却让我感动!
  9. jquery serialize 和 console 漫谈
  10. 《计算机网络》_考研复试_概念面试篇
  11. Arduino 开发 — Arduino 函数库
  12. word柱状图垂直轴数值设定_EXCEL中的图表坐标轴数值 如何设置
  13. 类似123321特殊数的输出
  14. Jove:[酷站推荐] http://www.everydo.com/ 中文版的basecamp. 貌似比较方便, 共享文件进度TODO. 真希望公司内部也有一个这个...
  15. python爬虫—爬取taptap游戏的评论信息(通过fiddler抓包)
  16. 中国哪座城市“最会玩”?“这里是宇宙电竞中心”
  17. (十)进度条媒体对象和 Well 组件
  18. 环信im Flutter sdk使用帮助
  19. 在C或C++中如何使用PI(π)值
  20. 七十八、Kettle的几个使用案例

热门文章

  1. Android开发笔记(一百七十一)使用Glide加载网络图片
  2. linux git ssh 配置文件,git bash配置ssh 登录 Linux的方法
  3. php password_hash和password_verify
  4. WebMagic学习-定制Scheduler
  5. Eclipse 工具栏不见了
  6. Hibernate3.x异常No row with the given identifier exists 解决方法
  7. .net 下载文件几种方式
  8. Android控件学习笔记之 ListView
  9. 解决用户意外退出在线列表无法及时更新问题2(转载)
  10. 深入理解NIO - Selector、ServerSocketChannel、SocketChannel底层原理