Question

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

Answer 1

您已经说过＆＃34;浏览器高度＆＃34;无论是在问题中还是在被要求澄清时，都会在对问题的评论中进行澄清。

答案是：否，找不到浏览器窗口的高度是不可能的。但是，99.99999％的时间，你不在乎。

你可以找到：

通过$(window).height()显示的页面区域（视口）的高度; more
通过$(document).height()（同一链接）整个文档的高度（可以比视口更短或更高）
通常甚至是用户屏幕的高度（通过window.screen.height）

但这些都没有为您提供浏览器窗口的高度。

Answer 2

您需要：

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

OR

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

OR

window.screen.height;//screen resolution height

它返回整数值，因此您可以对其进行计算

Answer 3

以下代码将变量winW和winH设置为浏览器窗口的内部宽度和高度，并输出width和height值。如果用户有一个非常旧的浏览器，则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);

taken from here
在打印值之前，你可以减去/添加/乘法/任意你想要的东西。

Answer 4

alert( $(window).height() - 100 );

Answer 5

height()正是您要找的......

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

var heght= $(window).height(); //this gives you the height of the window
alert(heght - 50);

Answer 6

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);

Answer 7



$(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

$(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

Answer 8

您也可以使用：

   document.body.clientHeight

Answer 9

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

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

如何检测浏览器高度，减去一定数量的像素，然后输出数字？

9 个答案: