这可能吗?也可以使用 jQuery。
问问题
1540 次
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()
是你要找的..
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 回答