为什么有时可以在 JavaScript 中直接访问 HTML 元素 ID 作为全局变量？

HTML 元素 ID 的全局变量访问

出现了有关通过全局变量访问 HTML 元素 ID 的适当处理的问题。在给定的示例中，Chrome 允许通过 a.stuff() 直接访问 ID 为“a”的元素，而 Firefox 则需要使用 document.getElementById('a')。

规范

HTML4 规范没有明确概述此行为。然而，它也不禁止将元素 ID 放入全局变量的做法。 WHATWG HTML 规范目前强制执行此行为，将元素 ID 的全局访问视为遗留问题或兼容性问题。

实现

主要浏览器，包括 Chrome 和 Firefox（在怪异模式），出于兼容性原因采用了此行为。然而，Firefox 也允许在严格模式下通过全局变量直接访问元素，但其实现可能不可靠。

歧义

当全局变量 a 和存在 ID 为“a”的 HTML 元素，其行为取决于执行上下文。在大多数情况下，JavaScript 会将全局变量 a 优先于 HTML 元素。然而，由于潜在的冲突和命名空间污染，使用全局变量作为元素 ID 通常是不受欢迎的。

HTML ID 中的特殊字符

HTML ID 可以包含连字符 (- )、冒号 (:) 和句点 (.)，这些字符不能在 JavaScript 标识符中使用。为了通过全局变量访问这些元素，浏览器会翻译它们。例如，ID为“foo-bar”的元素可以通过全局变量foo-bar访问。

结论

虽然将元素ID设为全局的做法变量具有历史支持，但 HTML4 规范中没有明确指定。 WHATWG HTML 规范要求这种行为，但建议使用 document.getElementById() 或其他方法来访问元素。由于与全局命名空间中的其他变量发生混淆和潜在冲突，应避免对元素 ID 使用全局变量。

以上是为什么有时可以在 JavaScript 中直接访问 HTML 元素 ID 作为全局变量？的详细内容。更多信息请关注PHP中文网其他相关文章！