如何获得一致的 javascript window.outerHeight 跨浏览器？答案

【问题标题】：how do I get a consistent javascript window.outerHeight cross browser?如何获得一致的 javascript window.outerHeight 跨浏览器？
【发布时间】：2012-12-14 03:22:03
【问题描述】：

也许这是一个菜鸟问题，但是......

我有一个网站，我希望页脚始终出现在同一个地方。假设我的用户都使用 >= IE8、Chrome 和 Firefox，我认为这只是获取 Window.outerHeight 的问题。

但是当我测量 window.outerHeight 时，它在 FF v. Chrome v. IE 中返回不同的值。

另外，只是在视觉上做一些基本的测量，很明显 500px DIV 在我的 Chrome 和 FF 和 IE 中的显示器上的高度不同。

SO：是否有一些“公式”可以可靠地用于跨浏览器转换像素大小，以便可以为某个 div 设置适当的“最大高度”，并知道它在 IE 上的显示器中将是相同的高度、Chrome 和 FF？

再次...我并不真正关心真正的“通用”。我 99% 的用户都会使用这 3 种浏览器，所以如果我能获得这些浏览器，我会非常高兴。

TIA，

---JC

【问题讨论】：

标签： javascript cross-browser height pixel

【解决方案1】：

对于 IE8，您可以使用 document.body.offsetHeight。

但我建议只使用 CSS：

<div id="footer" style="position: fixed; bottom: 0;"></div>

（例如：http://jsfiddle.net/5h8zj/）

【讨论】：

谢谢。我想我想更好地理解每个浏览器之间的差异。 IOW：-为什么-window.outerHeight 在浏览器之间是不同的？是否有“转换公式”？
window.outerHeight 在 IE8 中不受支持，它具有输入窗口的高度，包括工具栏、搜索栏等。请参阅developer.mozilla.org/en-US/docs/DOM/window.outerHeight