网页上各种宽度高度记录

网页可见区域宽[仅针对body]:document.body.clientWidth

网页可见区域高[仅针对body]:document.body.clientHeight

网页可见区域宽[仅针对body]:document.body.offsetWidth(包括滚动条和边框,若滚动条和边框为0,则和clientWidth相等)

网页可见区域高[仅针对body]:document.body.offsetHeight(包括滚动条和边框,若滚动条和边框为0,则和clientHeight相等)

可视窗口宽度(包括滚动轴宽度):window.innerWidth;//IE9+、Chrome、Firefox、Opera 以及 Safari可视窗口高度,不包括浏览器顶部工具栏:window.innerHeight;//IE9+、Chrome、Firefox、Opera 以及 Safari

网页正文全文宽(不包括滚动轴的宽度):document.body.scrollWidth

网页正文全文高:document.body.scrollHeight//假如网页中没有滚动轴,document.body.scrollWidth和window.innerWidth相等,document.body.scrollHeight和window.innerHeight相等。

网页被卷去的高:document.body.scrollTop

网页被卷去的左:document.body.scrollLeft

网页正文部分上:window.screenTop

网页正文部分左:window.screenLeft

屏幕分辨率的高(整个屏幕的高度):window.screen.height

屏幕分辨率的宽(整个屏幕的宽度):window.screen.width

屏幕可用工作区高度:window.screen.availHeight

屏幕可用工作区宽度:window.screen.availWidth

整个浏览器可用工作区高度:window.outerHeight

整个浏览器可用工作区宽度:window.outerWidth

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Window和document对象的区别 window对象window对象表示浏览器中打开的窗口window对象是...
    FConfidence阅读 2,275评论 0 5
  • 转自:http://www.cnblogs.com/top5/archive/2009/05/07/1452135...
    程序猿吴彦祖阅读 721评论 0 1
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,816评论 0 8
  • 太白千醉传诗著,源长醇香化慧琼。 浊酒万千分秒尽,滴滴玉液为传情。
    徐一村阅读 325评论 2 19
  • 彩蝶飞飞,入云缥缈, 彩蝶飞飞,物是人非。 我曾经以为不会讲完的故事, 其实早就准备了物是人非的结局。 我曾经以为...
    美文小屋阅读 352评论 0 0