Javascript / jQuery高度计算

Question

我正在寻找一种方法，在javascript中计算浏览器的大小(px)，然后计算<div>从该全屏大小中删除50px的大小：

E.g。

Browser screen size: 800px (Height)
Existing <div> that is always 50px (Height)
Leaves 750px (Height) for the remaining <div> to fill the page.

然后取出750px并将其应用为内联样式：

<div style="height: 50px">
<img src="banner.png" />
</div>

<div style="height: x">
This fills the remainder of the page
</div>

Answer 1

我假设您的意思是文档高度，而​​不是浏览器高度。您可以使用以下内容执行此操作：

$("#div2").height($(document).height() - 50);

// or for more dynamicity
$("#div2").height($(document).height() - $("#div1").height());    

如果您的确意味着浏览器身高而不是文档高度，请将$(document)替换为$(window)。