Html 如何使IFRAME捕捉到浏览器窗口高度，减去顶部和底部的恒定偏移？

我试图构建一个页面，它由一个IFRAME组成，IFRAME的顶部和底部两侧是状态栏，每个状态栏的高度为40px。我使用Twitter引导的navbar类来提供这些状态栏

问题是我想让IFRAME自动调整它的高度以占据整个浏览器窗口，顶部减去40px，底部减去40px

有什么办法吗？我尝试的东西似乎都不管用

---

提前谢谢。

是的。在顶部和底部创建40像素高的空div，位置：绝对

顶部：0

和

底部：分别为0

，然后制作一个拉伸中间部分的div

您可能需要使用jquery`$（window.height（）；获取浏览器窗口的高度

希望你不要反对一点JS

---

-祝你好运是的。在顶部和底部创建40像素高的空div，位置：绝对

顶部：0

和

底部：分别为0

，然后制作一个拉伸中间部分的div

您可能需要使用jquery`$（window.height（）；获取浏览器窗口的高度

希望你不要反对一点JS

---

-祝你好运，谢谢。成功了。我这样做：

 <script>
 $(function() {
   window.updateIframe = function() {
     var h = $(window).height();
     $("#iframe").height(h - 80);
   }
   window.updateIframe();
   window.resize(window.updateIframe);
 });
 </script>

$（函数（）{
window.updateFrame=函数（）{
var h=$（window.height（）；
$（“#iframe”）。高度（h-80）；
}
updateFrame（）；
window.resize（window.updateFrame）；
});

谢谢。成功了。我这样做：

 <script>
 $(function() {
   window.updateIframe = function() {
     var h = $(window).height();
     $("#iframe").height(h - 80);
   }
   window.updateIframe();
   window.resize(window.updateIframe);
 });
 </script>

$（函数（）{
window.updateFrame=函数（）{
var h=$（window.height（）；
$（“#iframe”）。高度（h-80）；
}
updateFrame（）；
window.resize（window.updateFrame）；
});

最后一行应该是： window.resizeTo（window.updateFrame）

最后一行应该是： window.resizeTo（window.updateFrame）