javascript - 输入id保留字

Question

我正要在这里回答一个问题，却发现自己在为一件看似容易理解的事情而苦苦挣扎。
考虑这个 HTML:

<input type="text" id="width" value="foo" />
<input type="button" value="width.value" onclick="console.log(width.value)"/>
<input type="button" value="window.width.value" onclick="console.log(window.width.value)"/>

我们有一个 input，其 id 为 width 和两个具有 onClick 事件的按钮它的作用是记录输入的值。它们之间的区别在于，一个输入直接将输入的 id 作为变量 width.value 访问，而另一个输入则通过 window.width.value 进行访问。
这里令人惊奇的是，只有 window.width.value 有效，而另一个返回 undefined。

我查找了 javascript 保留关键字，但找不到任何有关 width 的内容，顺便说一句，它与 height 关键字也是一样的。
我错过了什么？

Answer 1

正在 button 对象上调用 onclick 方法。因此，除非您指定需要窗口的 width 属性，否则它将被按钮对象的 width 属性遮挡。在本例中，按钮的宽度没有 value 属性。