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();
 //某个元素的上边界到body最顶部的距离：（在元素的包含元素不含滚动条的情况下）
 obj.offset().top;
 //某个元素的左边界到body最左边的距离：（在元素的包含元素不含滚动条的情况下）
 obj.offset().left;
 //返回当前元素的上边界到它的包含元素的上边界的偏移量：（在元素的包含元素含滚动条的情况下）
 obj.offset().top；
 //返回当前元素的左边界到它的包含元素的左边界的偏移量：（在元素的包含元素含滚动条的情况下）
 obj.offset().left；

//返回当前页面高度
function pageHeight(){
    if($.browser.msie){
           return document.compatMode == "CSS1Compat"?
                      document.documentElement.clientHeight :
                      document.body.clientHeight;
      }else{
           return self.innerHeight;
     }
};

//返回当前页面宽度
function pageWidth(){
    if($.browser.msie){
           return document.compatMode == "CSS1Compat"?
                      document.documentElement.clientWidth :
                      document.body.clientWidth;
    }else{
          return self.innerWidth;
    }
};

原生JS

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