jq获取页面高度_jquery、js获取页面高度宽度等

jquery获取页面高度宽度

//获取浏览器显示区域(可视区域)的高度 ：

$(window).height();

//获取浏览器显示区域(可视区域)的宽度 ：

$(window).width();

//获取页面的文档高度

$(document).height();

//获取页面的文档宽度 ：

$(document).width();

//浏览器当前窗口文档body的高度：

$(document.body).height();

//浏览器当前窗口文档body的宽度：

$(document.body).width();

//获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)

$(document).scrollTop();

//获取滚动条到左边的垂直宽度 ：

$(document).scrollLeft();

//获取或设置元素的宽度：

$(obj).width();

//获取或设置元素的高度：

$(obj).height();

js获取页面高度宽度

网页可见区域宽：document.body.clientWidth

网页可见区域高：document.body.clientHeight

网页可见区域宽：document.body.offsetWidth(包括边线的宽)

网页可见区域高：document.body.offsetHeight(包括边线的宽)

网页正文全文宽：document.body.scrollWidth

网页正文全文高：document.body.scrollHeight

网页被卷去的高：document.body.scrollTop(IE7无效)

网页被卷去的左：document.body.scrollLeft(IE7无效)

网页被卷去的高：document.documentElement.scrollTop(IE7有效)

网页被卷去的左：document.documentElement.scrollLeft(IE7有效)

网页正文部分上：window.screenTop

网页正文部分左：window.screenLeft

屏幕分辨率的高：window.screen.height

屏幕分辨率的宽：window.screen.width

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

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

相对于窗口左上角的X：window.event.clientX

相对于窗口左上角的Y：window.event.clientY

相对于整个页面的X：window.event.X

相对于整个页面的Y：window.event.Y