javascript - 窗口对象在 Chrome 和 IE 中表现奇怪

Question

考虑以下示例 HTML:

<div id="about">
 <!-- content here -->
</div>

和下面的脚本

var about = (function ($, window, document) {
    "use strict";

     var methods;

     methods = {
        init: function () {
        // Do things here 
        }
     };

     return methods;
} (jQuery, window, document));

变量 about 此时应该附加到 window 对象。

在 Firefox (3.6.17) 中我可以写

window["about"] 

如果 about 还没有被处理，这将返回 undefined 如果它有它将像我期望的那样返回对象。

但是，问题在于 Chrome 和 IE(7 和 8)中的相同代码 window["about"] 返回实际的 HTML 对象。从上面的示例中，它将返回以下内容:

    <div id="about">
     <!-- content here -->
    </div>

为什么会这样？

另外，有没有比使用 window 元素更好的方法来检查 about 对象是否可用？我意识到理想情况下，人们不想丢弃窗口对象，但这是一个完全不同的问题。

谢谢

Answer 1

WebKit 浏览器似乎模仿了旧的 IE 行为，将元素“id”值视为 window 对象的属性。

我个人不喜欢这种行为。