输入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事件，它只记录输入的值。它们之间的不同之处在于，一个输入直接width.value将输入的id作为变量访问，而另一个输入是通过window.width.value进行的。 这里令人惊讶的部分是只有window.width.value有效，而另一个有undefined。

我查找了javascript保留的关键字，但找不到关于width的任何内容，顺便说一下它与height关键字相同。
我错过了什么？

Answer 1

正在onclick个对象上调用button方法。因此，除非您指定需要窗口的width属性，否则它将被按钮对象的width属性遮蔽。在这种情况下，按钮的宽度没有value属性。