JavaScript:为什么innerHeight没有更新?

JavaScript:为什么innerHeight没有更新?,javascript,Javascript,调整窗口大小时,我试图捕捉新的innerHeight。(我使用innerHeight为DOM元素指定高度属性) 实际上,我发现innerHeight的值是在页面加载时设置的,在调整大小时不会更新 var onresize = function(e) { innerHeight = e.target.innerHeight; console.log('Inner height = ' + innerHeight); } window.addEventListener("resize"

调整窗口大小时,我试图捕捉新的
innerHeight
。(我使用
innerHeight
为DOM元素指定高度属性)

实际上,我发现
innerHeight
的值是在页面加载时设置的,在调整大小时不会更新

var onresize = function(e) {
   innerHeight = e.target.innerHeight;
   console.log('Inner height = ' + innerHeight);
}

window.addEventListener("resize", onresize);
有人能建议我应该告诉我的
onresize
变量做什么吗?(如果有人能抽出时间解释为什么这不起作用,我将不胜感激——这是我第一次尝试调整大小和
innerHeight

谢谢


编辑:添加一点,我使用的是Chrome,控制台没有报告任何问题。

你的代码在Chrome和IE上对我来说很好(我的计算机上没有Mozilla),但根据你的浏览器,可能会有一些问题

从Firefox4到24,这个属性有缺陷


查看此处的更多信息

您的意思是
window.innerHeight
?您的代码工作正常(在chrome上试用过)。。。我不确定你的问题是什么…你在使用哪个浏览器?还有,控制台报告了什么,如果有的话?你得到的是外部宽度和内部高度。所以如果你改变宽度,只有1会改变,如果你改变高度,只有1会改变。也许是错别字?@天哪,对不起,你说得对,那是错别字。我现在简化了它,所以它只是显示内部高度,它似乎不会随着我更改浏览器高度而改变。