判定對象是否為window

這是一個非常有趣的題目。我們先從Object.prototype.toString入手，看能否解決它。

<br /> alert(Object.prototype.toString.call(window))<br />

運行代碼

結果是五花八門:

• [object Object]IE6
• [object Object]IE8
• [object Window]IE9
• [object Window]firefox3.6
• [object Window]opera10
• [object DOMWindow]safai4.04
• [object global]chrome5.0.3.22

看一下赫赫有名怎樣判定，就判定它是否存在一個叫setInterval的屬性。嘖嘖，好像不太嚴謹，但也無法嚴謹下去了，因為在IE中無法判定泛化函數是否函數，Object.prototype.toString.call一律打出[object Object]，也沒有name屬性。由於太容易仿造，棄之不用。

無奈之下，逐一檢查其屬性，看有什麼特別屬性。終於發現了，有一個同名的window屬性，它是無限迴圈引用自身。這個在IE中還點問題。

<br /> alert(window === window.window)<br />

運行代碼

IE會彈出false，其他瀏覽器彈出true。不過下面這樣所有瀏覽器都統一了：

<br /> alert(window == window.window)<br />

運行代碼

有沒有嚴謹的判定呢？不要忘記window是無限迴圈引用自身，應該說是引用上一個自己。因此，我們可以：

<br /> alert(window.window === window.window.window)<br />

運行代碼

最後得出：

var isWindow = function(obj){   return obj.window === obj.window.window}

======================華麗的分界線=====================

感謝 Ivony提供的靈感！

<br /> var dom = {};<br /> dom.isWindow = function(obj){<br /> if(!obj || !obj.window || !obj.document )<br /> return false;<br /> var expando = "dom"+(new Date-0) //產生一個隨機變數名<br /> var doc = obj.document;<br /> //全域解析代碼，IE的eval只對原範圍有效<br /> //詳見http://www.javaeye.com/topic/519098<br /> //加之eval與with是 html5strict 模式下要禁止的東西，棄之不用！<br /> try{<br /> var js = doc.createElement("script");<br /> var head = doc.getElementsByTagName("head")[0];<br /> head.insertBefore(js,head.firstChild);<br /> js.text = expando + " = {};"<br /> head.removeChild(js);<br /> var ret = (doc.parentWindow || doc.defaultView)[expando] === obj[expando];<br /> obj[expando] = void 0;<br /> }catch(e){<br /> return false;<br /> }<br /> return ret;<br /> }<br /> var test1 = {};<br /> test1.window = test1;<br /> test1.document = document;<br /> alert(dom.isWindow(test1))</p><p> var test2 = {};<br /> test2.window = window;<br /> test2.document = document;<br /> alert(dom.isWindow(test2))</p><p> alert(dom.isWindow(window))<br />

運行代碼

2011.10.4更新

</p><p> var dom = {},<br /> windowString = {<br /> "[object Window]":1,<br /> "[object DOMWindow]":1,<br /> "[object global]":1<br /> };<br /> // by 司徒正美 http://www.cnblogs.com/rubylouvre/<br /> dom.isWindow = function(obj){<br /> if( !obj || typeof obj !== "object")//必須是一個對象<br /> return false;<br /> if(windowString[windowString.toString.call(obj)])<br /> return true;<br /> return obj == obj.document && obj.document != obj<br /> }<br /> //測試代碼<br /> var test1 = {};<br /> test1.window = test1;<br /> test1.document = document;<br /> alert(dom.isWindow(test1))//false</p><p> var test2 = {};<br /> test2.window = window;<br /> test2.document = document;<br /> alert(dom.isWindow(test2))//false</p><p> alert(dom.isWindow(window))//true<br /> var iframe = document.createElement("iframe");<br /> document.body.appendChild(iframe);<br /> var iwin = iframe.contentWindow || iframe.contentDocument.parentWindow;<br /> alert(dom.isWindow(iwin));//true<br /> document.body.removeChild(iframe);</p><p> var wg = { document : {} }, wgdoc = wg.document;<br /> wg.window = wg;<br /> wgdoc.createElement = function(){return wg; };<br /> wgdoc.getElementsByTagName = function(){ return [wg]; };<br /> wgdoc.parentWindow = wg;<br /> wg.insertBefore = function(){};<br /> wg.firstChild = wg.firstChild;<br /> wg.removeChild = function(){};<br /> alert(dom.isWindow(wg));//false</p><p>

運行代碼