当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 判定对象是否为window的js代码

Javascript
JS option location 页面跳转实现代码
ExtJS 简介 让你知道extjs是什么
ExtJs 学习笔记 Hello World!
ExtJs 学习笔记基础篇 Ext组件的使用
ExtJs 学习笔记 Ext.Panle Ext.TabPanel Ext.Viewport
漂亮的脚本日历,和大家分享
JS Tween 颜色渐变
js 图片轮播(5张图片)
开发跨浏览器javascript常见注意事项
通用JS事件写法实现代码
Js 订制自己的AlertBox(信息提示框)
js 浮动层菜单收藏
JavaScript入门教程(10) 认识其他对象
JQuery 常用方法基础教程
jQuery 页面载入进度条实现代码
jQuery Ajax 全解析
CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器)
Ext JS Grid在IE6 下宽度的问题解决方法
js window.event对象详尽解析
JavaScript 悬浮窗口实现代码

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 178 ::
收藏到网摘: n/a

这是一个非常有趣的题目。我们先从Object.prototype.toString入手,看能否解决它。

[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

结果是五花八门:
[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 全选 提示:你可先修改部分代码,再按运行]

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

[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

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

[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

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

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)