jquery获取元素高度 JS和jquery获取各种屏幕的宽度和高度

JS和jquery获取各种屏幕的宽度和高度  

　　Javascript:

　　网页可见区域宽 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

　　JQuery:

　　$(document) ready(function(){

　　alert($(window) height()); //浏览器当前窗口可视区域高度

　　alert($(document) height()); //浏览器当前窗口文档的高度

　　alert($(document body) height());//浏览器当前窗口文档body的高度

　　alert($(document body) outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

　　alert($(window) width()); //浏览器当前窗口可视区域宽度

　　alert($(document) width());//浏览器当前窗口文档对象宽度

　　alert($(document body) width());//浏览器当前窗口文档body的宽度

　　alert($(document body) outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin