这是一个非常有趣的题目。我们先从Object.prototype.toString入手,看能否解决它。
alert(Object.prototype.toString.call(window))运行代码
结果是五花八门:
- [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中还点问题。
alert(window === window.window)运行代码
IE会弹出false,其他浏览器弹出true。不过下面这样所有浏览器都统一了:
alert(window == window.window)运行代码
有没有严谨的判定呢?不要忘记window是无限循环引用自身,应该说是引用上一个自己。因此,我们可以:
alert(window.window === window.window.window)运行代码
最后得出:
var isWindow = function(obj){
return obj.window === obj.window.window
}
======================华丽的分界线=====================
感谢 Ivony提供的灵感!
var dom = {}; dom.isWindow = function(obj){ if(!obj || !obj.window || !obj.document ) return false; var expando = "dom"+(new Date-0) //生成一个随机变量名 var doc = obj.document; //全局解析代码,IE的eval只对原作用域有效 //详见http://www.javaeye.com/topic/519098 //加之eval与with是 html5严格模式下要禁止的东西,弃之不用! try{ var js = doc.createElement("script"); var head = doc.getElementsByTagName("head")[0]; head.insertBefore(js,head.firstChild); js.text = expando + " = {};" head.removeChild(js); var ret = (doc.parentWindow || doc.defaultView)[expando] === obj[expando]; obj[expando] = void 0; }catch(e){ return false; } return ret; } var test1 = {}; test1.window = test1; test1.document = document; alert(dom.isWindow(test1)) var test2 = {}; test2.window = window; test2.document = document; alert(dom.isWindow(test2)) alert(dom.isWindow(window))运行代码
2011.10.4更新
var dom = {}, windowString = { "[object Window]":1, "[object DOMWindow]":1, "[object global]":1 }; // by 司徒正美 http://www.cnblogs.com/rubylouvre/ dom.isWindow = function(obj){ if( !obj || typeof obj !== "object")//必须是一个对象 return false; if(windowString[windowString.toString.call(obj)]) return true; return obj == obj.document && obj.document != obj } //测试代码 var test1 = {}; test1.window = test1; test1.document = document; alert(dom.isWindow(test1))//false var test2 = {}; test2.window = window; test2.document = document; alert(dom.isWindow(test2))//false alert(dom.isWindow(window))//true var iframe = document.createElement("iframe"); document.body.appendChild(iframe); var iwin = iframe.contentWindow || iframe.contentDocument.parentWindow; alert(dom.isWindow(iwin));//true document.body.removeChild(iframe); var wg = { document : {} }, wgdoc = wg.document; wg.window = wg; wgdoc.createElement = function(){return wg; }; wgdoc.getElementsByTagName = function(){ return [wg]; }; wgdoc.parentWindow = wg; wg.insertBefore = function(){}; wg.firstChild = wg.firstChild; wg.removeChild = function(){}; alert(dom.isWindow(wg));//false运行代码