如何获取浏览器操作栏的高度

Question

如下图所示

如何获得红色窗口的高度？

因为我要在浏览器打开的时候令网页的高度加上浏览器操作栏的高度，刚好等于屏幕的高度。

Answer 1

可以获取实际可用高度，参考：http://blog.csdn.net/lyq19870...

Answer 2

顶部那块的高度，不同浏览器都不同，而且比如chrome浏览器从满屏缩到窗口 顶部标签上面会产生空间也会造成高度变化

  var innerH = window.innerHeight;//W3C-不包括菜单栏、工具栏以及滚动条等的浏览器窗口高度
  var outH = window.outerHeight;//整个浏览器窗口的高度

 console.log(outH - innerH);

Answer 3

window.screen.availHeight 屏幕可用工作区高度 - document.body.clientWidth 网页可见区域宽 应该可以的