我觉得设置一个与元素id同名的变量比较方便，例如：
randomDiv = document.getElementById("randomDiv");
randomDiv.onclick = function(){ /* Whatever; */ }
randomDiv.property = "value";
这适用于 Chrome 和 Firefox，但不适用于 IE8；给出错误对象不支持此属性或方法。
创建一个名称与元素 ID 匹配的变量是错误的（或不好的做法）还是 Internet Explorer 的另一个实例在起作用？
【问题讨论】：
var randomDiv = document.getElementById("randomDiv);，它在IE中可以工作吗？
标签： javascript variables syntax
自动生成全局变量被认为是不好的做法，因为查看一些代码可能很难分辨，是故意还是忘记在某处声明变量。自动创建像 doesn’t work in ES5 strict mode 这样的全局变量，并且可以在未来的 ECMAScript 版本中逐步淘汰。
在浏览器中JavaScript的全局作用域实际上是window。当您引用document 时，您会得到window.document。在浏览器中创建全局变量的最佳实践是将其添加到window（Node.js 中的global）。这里是an example from jQuery：
window.jQuery = window.$ = jQuery;
window 上的某些属性（因此一些全局变量）是只读的，您无法覆盖它们。 window.document 是其中之一（在 Chrome 中测试，这都是特定于浏览器的，可能会改变）：
window.document; // → Document
window.document = 'foo'; // → "foo" // It worked!
window.document; // → Document // Hmm, no it didn’t
事实证明大多数浏览器在 window 上为文档中的每个 id 创建属性（因此是全局变量）。许多浏览器不会将它们设为只读，您可以用自己的方式覆盖它们，但 Internet Explorer 会。
这是 JavaScript 中的全局变量可能很危险的另一个原因 - 您的一个 id 可能匹配只读的 window 属性（现在或将来的某些浏览器中）。
在顶层（不在函数内部），var 声明了全局变量。在顶层声明 var document = 'foo' 不会引发错误，但 document 仍将是 Document，而不是 "foo"。
顺便说一句：新式浏览器（支持 ES5）允许您使用 Object.defineProperty 创建自己的只读全局变量：
Object.defineProperty(window, 'foo', { value: 'bar', writable: false });
foo = 'baz';
foo; // → "bar"
我为你准备了三个选项。
继续为您的元素使用全局变量，但如果它们已经存在则不要管它们（在window 上显式创建它们，这样代码在 ES5 中既清晰又酷）：
if ( ! window.randomDiv) {
window.randomDiv = document.getElementById('randomDiv');
}
在window 上创建一个对象，用作应用程序自己的命名空间，它不会干扰其他库或浏览器。这很常见，被认为是非常好的做法，尤其是在需要跨 JavaScript 文件访问时：
// Early in your code…
window.Fantabulum = {};
// Later on…
Fantabulum.randomDiv = document.getElementById("randomDiv");
避免制作全局变量。确保您的应用程序代码在函数内部（它应该已经存在，因此您的其他变量不是全局的并且没有相同的限制！），并为您的元素声明变量：
(function(){
var randomDiv = document.getElementById("randomDiv");
})();
【讨论】：
()。解决方法是将function(){ /* ... */ } 代码用括号括起来，以强制将其解析为函数表达式，即(function() { /* ... */ }()) 或(function() { /* ... */ })()。或者将其分配给一个变量。
创建与元素 ID 和名称同名的全局变量是 IE 的一个怪癖。您可以创建一个具有相同名称的全局变量，但有一些怪癖。
这是一个非常糟糕的主意。如果您不喜欢键入 document.getElementById，只需为其创建一个小的包装函数，例如：
funciton get(id) {
return typeof id == 'string'? document.getElementById(id) : id;
}
【讨论】：
getElementById 是一种非常好的做法。
randomDiv 不是已定义/已知的“全局范围变量”。
【讨论】：
似乎 id 自动成为变量！无需声明：
<button id="b1">press me</button>
<script>
b1.onclick = function(){alert("Thanks!")}
</script>如您所见，它可以工作（至少 firefox 68）并且不会抛出任何错误。
更多信息：
【讨论】：