判定对象是否为window的js代码

 更新时间:2010年02月21日 10:29:54   作者:  
这是一个非常有趣的题目。我们先从Object.prototype.toString入手,看能否解决它。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

结果是五花八门:
[object Object]IE6
[object Object]IE8
[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中还点问题。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

IE会弹出false,其他浏览器弹出true。不过下面这样所有浏览器都统一了:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

有没有严谨的判定呢?不要忘记window是无限循环引用自身,应该说是引用上一个自己。因此,我们可以:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

最后得出:
复制代码 代码如下:

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

======================华丽的分界线=====================
感谢 Ivony提供的灵感!
复制代码 代码如下:

function isWindow( obj ){
if(typeof obj !== "object") return false;//必须是一个对象
var expando = "dom"+(new Date-0) //生成一个随机变量名
//全局解析代码,IE的eval只对原作用域有效
//详见http://www.javaeye.com/topic/519098
//加之eval与with是 html5严格模式下要禁止的东西,弃之不用!
var js = document.createElement("script");
var head = document.getElementsByTagName("head")[0];
head.insertBefore(js,head.firstChild);
js.text = expando + " = {};"
head.removeChild(js)
return window[expando] === obj[expando]
}
isWindow(window)

相关文章

  • IE中document.createElement的iframe无法设置属性name的解决方法

    IE中document.createElement的iframe无法设置属性name的解决方法

    这篇文章主要介绍了IE中document.createElement的iframe无法设置属性name的解决方法,需要的朋友可以参考下
    2015-09-09
  • 火狐textarea输入法的bug的触发及解决

    火狐textarea输入法的bug的触发及解决

    在firefox中,如果一个textarea获取焦点,在输入法激活的状态如果这时js将该textarea的value修改,那么该textarea会直接被清空,下面是具体的解决方法,遇到类似问题的朋友可以参考下
    2013-07-07
  • cypress中丰富的调试工具使用方法

    cypress中丰富的调试工具使用方法

    这篇文章主要为大家介绍了cypress中丰富的调试工具及使用示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-06-06
  • JavaScript实现Tab选项卡切换

    JavaScript实现Tab选项卡切换

    这篇文章主要为大家详细介绍了JavaScript实现Tab选项卡切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • 框架页面高度自动刷新的Javascript脚本

    框架页面高度自动刷新的Javascript脚本

    框架页面高度自动刷新,加载index.htm时候,每隔1秒钟自动调用脚本刷新框架页面代码,具体实现如下,感兴趣的朋友可以了解下
    2013-11-11
  • 原生js实现百叶窗效果及原理介绍

    原生js实现百叶窗效果及原理介绍

    这篇文章主要介绍了原生javascript实现百叶窗效果的方法及原理介绍,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • js验证框架实现代码分享

    js验证框架实现代码分享

    这篇文章主要为大家分享了一个非常实用的js验证框架实现源码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • javascript dragable的Move对象

    javascript dragable的Move对象

    一个dragable的Move对象,大家可以运行下,测试看下效果。
    2009-08-08
  • 详解JavaScript中的Map和WeakMap

    详解JavaScript中的Map和WeakMap

    Map和WeakMap都是ES6中新增的数据结构,它们的主要区别在于键的作用域和键的类型,本文就通过代码示例给大家详细介绍了JavaScript键的作用域和类型,需要的朋友可以参考下
    2023-08-08
  • JavaScript中find()和 filter()方法的区别小结

    JavaScript中find()和 filter()方法的区别小结

    js中find和filter方法大家在工作中会经常遇到,那么他们有什么区别呢?这篇文章主要给大家介绍了关于JavaScript中find()和 filter()方法区别的相关资料,需要的朋友可以参考下
    2021-12-12

最新评论