这篇文章介绍了JS和jquery获取各种屏幕的宽度和高度的代码
有需要的朋友可以参考一下
Javascript:
网页可见区域宽 documentbodyclientWidth
网页可见区域高 documentbodyclientHeight
网页可见区域宽 documentbodyoffsetWidth (包括边线的宽)
网页可见区域高 documentbodyoffsetHeight (包括边线的高)
网页正文全文宽 documentbodyscrollWidth
网页正文全文高 documentbodyscrollHeight
网页被卷去的高 documentbodyscrollTop
网页被卷去的左 documentbodyscrollLeft
网页正文部分上 windowscreenTop
网页正文部分左 windowscreenLeft
屏幕分辨率的高 windowscreenheight
屏幕分辨率的宽 windowscreenwidth
屏幕可用工作区高度 windowscreenavailHeight
屏幕可用工作区宽度 windowscreenavailWidth
JQuery:
复制代码 代码如下:
$(document)ready(function(){
alert($(window)height()); //浏览器当前窗口可视区域高度
alert($(document)height()); //浏览器当前窗口文档的高度
alert($(documentbody)height());//浏览器当前窗口文档body的高度
alert($(documentbody)outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window)width()); //浏览器当前窗口可视区域宽度
alert($(document)width());//浏览器当前窗口文档对象宽度
alert($(documentbody)width());//浏览器当前窗口文档body的宽度
alert($(documentbody)outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})
