如果我<div id='a'>在 Chrome 中有一个，那么在 javascript 中我可以做（就像是一个全局变量）。a.stuff()a
但是，这不适用于 FireFox - 我需要使用document.getElementById('a').
这里的正确行为是什么？（根据 W3 规范）
此外，如果我有一个带有 id 的 diva但a在我的脚本中也有一个全局变量，我对 Chrome 将如何解决歧义感兴趣。行为会是随机的和古怪的吗？
以及如何翻译 id 由连字符 ("-")、冒号 (":") 和句点 (".") 组成的元素（好吧，我知道它们可以被访问，document.getElementById但浏览器将如何将其翻译成代表它们的全局变量）
这取决于您阅读的规范。:)
HTML4 规范（参见http://www.w3.org/TR/1999/REC-html401-19991224/struct/global.html#adef-id和http://www.w3. org/TR/1999/REC-html401-19991224/types.html#type-name）。但是，它是由 Internet Explorer 引入的，然后为了兼容性而复制到其他主要浏览器中。FireFox 也显示此行为，但仅在quirks 模式下（即使这样它的实现似乎也有问题）。
WHATWG HTML 规范当前要求此行为（要求删除它的错误报告已关闭 WONTFIX）。
不管规范是否符合，window对应用程序代码使用全局命名空间（即）通常被认为是不良行为。考虑使用document.getElementById()或 jQuery 便捷方法（例如，$("#a")）和使用函数范围的变量来引用元素 ID ，以避免将新变量引入全局命名空间。
在WHATWG 邮件列表上有更多关于此行为的讨论。
从很早的时候开始，IE 就创建了通过名称或 id 属性值引用元素的全局变量。这从来都不是一个好主意，而是被其他浏览器复制以与为 IE 创建的站点兼容。
这是一个坏主意，不应复制或使用。
回答您的额外问题：
...如果我有一个 ID 为 a 的 div 但在我的脚本中有一个名为 a 的全局变量，Chrome 将如何解决歧义。
在 IE（引入了这种行为）中，如果一个全局变量被声明为与元素 id 或名称同名，它将优先。但是，未声明的全局变量不是这样工作的。在 Chrome 中测试它应该不需要太多（我有，但我不会给你答案）。
以及如何翻译 id 由连字符 ("-")、冒号 (":") 和句点 (".") 组成的元素（好吧，我知道它们可以通过 document.getElementById 访问，但浏览器将如何翻译将其放入代表它们的全局变量中）
与任何不是有效标识符的对象属性名称完全相同 - 方括号表示法（即 window['name-or-id']）。
从技术上讲，这个问题是意见，但这是一个好问题。
JavaScript 中的变量命名规则和HTML中的ID命名规则不同。我看不出这是什么好事。
例如，在此页面上有一个 ID 为“notify-container”的元素。这根本不是有效的 JavaScript 名称。
另外，这些名字什么时候绑定？如果内联脚本声明了一个变量，然后元素出现在后面，哪个优先？
它不能保持一致。
我认为到目前为止，大多数浏览器都支持 document.getElementById .. 使用这个更好更安全..
以这种方式使用元素的最糟糕的事情是，如果引入在全局范围内具有相同名称的新 API，它们可能随时中断。
例如，如果您在添加 Performance API 之前拥有此功能
<p id="performance"></p>
<script>
performance.innerHTML = "You're doing great"
</script>
然后这段代码现在在最近的浏览器中将停止工作，这些浏览器将 Performance API 实现performance为添加了全局对象。