判定对象是否为window

这是一个非常有趣的题目。我们先从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

运行代码

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值