jquery获取屏幕高度,js 获取屏幕高度

jquery怎么获取屏幕高度

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

相关问答

Q1: jquery或js 如何时时获取浏览器当前的宽和高？

获取步骤如下所示。

1：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。

2：使用jQuery可以这样获取window的宽高。

3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

4：body onresize="showSize()" ，页面相关事onresize浏览器的窗口大小被改变时触发此事件。

Q2: 请问如何通过jquery获取页面内容的高度?

1.方法如下：

获取浏览器显示区域（可视区域）的高度 ：

$(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（在元素的包含元素含滚动条的情况下）

2.代码如下：

//返回当前页面高度

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;

}

};

Q3: javascript如何获取页面的高度和宽度

strInfo+=\r\n网页可见区域高:+document.body.clientHeight;

strInfo+=\r\n网页可见区域宽:+document.body.offsetWidth+(包括边线的宽);

strInfo+=\r\n网页可见区域高:+document.body.offsetHeight+(包括边线的高);

strInfo+=\r\n网页正文全文宽:+document.body.scrollWidth;

strInfo+=\r\n网页正文全文高:+document.body.scrollHeight;

strInfo+=\r\n网页被卷去的高:+document.body.scrollTop;

strInfo+=\r\n网页被卷去的左:+document.body.scrollLeft;

strInfo+=\r\n网页正文部分上:+window.screenTop;

strInfo+=\r\n网页正文部分左:+window.screenLeft;

strInfo+=\r\n屏幕分辨率的高:+window.screen.height;

strInfo+=\r\n屏幕分辨率的宽:+window.screen.width;

strInfo+=\r\n屏幕可用工作区高度:+window.screen.availHeight;

strInfo+=\r\n屏幕可用工作区宽度:+window.screen.availWidth;

window.confirm(strInfo);

/script

-----------------------------------------------------------------------------------------

最近编程中发现html静态页面的开发可以使用

document.body.ClientHeight

来获得页面的高度，但asp.net的页面却无法这样获取，获取到的只是页面最小的高度，比如页面只有一个button，那么该js语句获得的就是24。

document.documentElement.OffsetHeight

----------------------------------------------------------------------------------------加上document.body.scrollLeft;

document.body.scrollTop;

x=document.body.clientWidth+document.body.scrollLeft;

y=document.body.clientHeight+document.body.scrollTop;若想得到整个页面的高度可以用

Q4: jquery获取浏览器的宽度和高度怎么做的？为啥$(window).width()不行呢

jq不会出现这样的问题的，检查下代码存放位置是否正确。另外您的jq是什么版本的？另外如果实在取不到那就用这个

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

。。。。

document.body.clientWidth 用这个原生的 比jq快得快