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