1

这可能吗?也可以使用 jQuery。

4

9 回答 9

3

您在问题中以及在被要求澄清时在问题的评论中都提到了“浏览器高度”。

答案是:,不可能找出浏览器窗口的高度。但是,99.99999% 的时间,你不在乎。

您可以了解:

  • 页面显示区域(视口)的高度,通过$(window).height(); 更多的

  • 整个文档的高度(可以比视口短或高)通过$(document).height()(相同链接)

  • 通常甚至是用户屏幕的高度(通过window.screen.height

但是,这些都没有给你浏览器窗口的高度。

于 2012-12-14T12:28:14.127 回答
1

您要么需要:

$(window).height();//viewport

或者

$(document).height();//complete document

或者

window.screen.height;//screen resolution height

它返回一个数值,因此您可以对其进行计算

于 2012-12-14T12:21:08.473 回答
1

以下代码将变量 winW 和 winH 设置为浏览器窗口的内部宽度和高度,并输出宽度和高度值。如果用户的浏览器非常旧,则 winW 和 winH 分别设置为 630 和 460。

var winW = 630, winH = 460;
if (document.body && document.body.offsetWidth) {
 winW = document.body.offsetWidth;
 winH = document.body.offsetHeight;
}
if (document.compatMode=='CSS1Compat' &&
    document.documentElement &&
    document.documentElement.offsetWidth ) {
 winW = document.documentElement.offsetWidth;
 winH = document.documentElement.offsetHeight;
}
if (window.innerWidth && window.innerHeight) {
 winW = window.innerWidth;
 winH = window.innerHeight;
}

document.writeln('Window width = '+winW);
document.writeln('Window height = '+winH);  

取自这里
您当然可以在打印值之前进行减法/加法/乘法/任何您想要的操作。

于 2012-12-14T12:22:40.833 回答
0
alert( $(window).height() - 100 );
于 2012-12-14T12:19:31.383 回答
0

height()是你要找的..

http://api.jquery.com/height/

var heght= $(window).height(); //this gives you the height of the window
alert(heght - 50);
于 2012-12-14T12:20:04.550 回答
0
function getDocHeight() {
var D = document;
return Math.max(
    Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
    Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
    Math.max(D.body.clientHeight, D.documentElement.clientHeight)
) - mynumber ;
}

如果实际文档的正文高度小于视口高度,则它将返回视口高度。

和 jQuery 方法:

$.getDocHeight = function(){
 var D = document;
 return Math.max(Math.max(D.body.scrollHeight,    D.documentElement.scrollHeight), Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), Math.max(D.body.clientHeight, D.documentElement.clientHeight));
};

alert( $.getDocHeight() - mynumber);
于 2012-12-14T12:20:06.843 回答
0

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

$(window).width();   // returns width of browser viewport
$(document).width(); // returns width of HTML document

于 2012-12-14T12:23:11.363 回答
0

您还可以使用:

   document.body.clientHeight
于 2012-12-14T12:23:12.783 回答
0

你应该像这样寻找Jquery的高度函数 $(window).height() or $(document).height()

对于减去像素,只需使用 $(window).height()-5

于 2012-12-14T12:24:17.560 回答