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

Javascript 如何检测浏览器高度,减去一定数量的像素,然后输出数字?,javascript,jquery,Javascript,Jquery,这可能吗?也可以使用jQuery。height()是您需要的 alert( $(window).height() - 100 ); height() 如果实际文档的正文高度小于视口高度,则它将返回视口高度 和jQuery方法: $.getDocHeight = function(){ var D = document; return Math.max(Math.max(D.body.scrollHeight, D.documentElement.scrollHeight), Ma

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

height()
是您需要的

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

height()

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

和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);
如果实际文档的正文高度小于视口高度,则它将返回视口高度

和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);
您需要:

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

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

您需要:

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


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

以下代码将变量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);  


当然,您可以在打印值之前进行减法/加法/乘法/任意操作。

以下代码将变量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);  

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

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

您还可以使用:

   document.body.clientHeight
您也可以使用:

   document.body.clientHeight

您应该像这样查找Jquery的height函数
$(窗口).height()或$(文档).height()


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

您应该像这样查找Jquery的height函数
$(窗口).height()或$(文档).height()

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

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

答案是:,无法找到浏览器窗口的高度。但是,99.99999%的时候,你不在乎

你可以找到:

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

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

  • 通常甚至是用户屏幕的高度(通过)

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

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

答案是:,无法找到浏览器窗口的高度。但是,99.99999%的时候,你不在乎

你可以找到:

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

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

  • 通常甚至是用户屏幕的高度(通过)


但是,这些都不能提供浏览器窗口的高度。

浏览器高度、窗口高度或文档高度?我认为没有办法获得浏览器高度,是吗?@abidsony您能告诉我们为什么需要浏览器窗口的高度吗?也许你的问题还有另一个解决方案。浏览器高度、窗口高度或文档高度?我认为没有办法获得浏览器高度,是吗?@Abidsony你能告诉我们为什么需要浏览器窗口高度吗?也许你的问题还有别的解决办法。