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 回答