判定对象是否为window的js代码
alert(Object.prototype.toString.call(window))
[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中还点问题。
alert(window === window.window)
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
IE会弹出false,其他浏览器弹出true。不过下面这样所有浏览器都统一了:
alert(window == window.window)
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
有没有严谨的判定呢?不要忘记window是无限循环引用自身,应该说是引用上一个自己。因此,我们可以:
alert(window.window === window.window.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)
相关推荐
-
js window.event对象详尽解析
event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等. event对象只在事件发生的过程中才有效. event的某些属性只对特定的事件有意义.比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义. 例子 下面的例子检查鼠标是否在链接上单击,并且,如果shift键被按下,就取消链接的跳转. <HTML> <HEAD><TITLE>Cancels Links</T
-
JavaScript的document对象和window对象详解
[document对象] 该对象是window和frames对象的一个属性,是显示于窗口或框架内的一个文档. 属性 alinkColor 活动链接的颜色(ALINK) anchor 一个HTMI锚点,使用<A NAME=>标记创建(该属性本身也是一个对象) anchors array 列出文档锚点对象的数组(<A NAME=>)(该属性本身也是一个对象) bgColor 文档的背景颜色(BGCOLOR) cookie 存储于cookie.txt文件内的一段信息,它是该文档对象的一个
-
javascript window对象属性整理
window对象有以下方法: open close alert confirm prompt setTimeout clearTimeout setInterval clearInterval moveBy moveTo resizeBy resizeTo scrollBy scrollTo find back forward home stop print blur focus captureEvent enableExternalCapture disableExternalCapture
-
Javascript 陷阱 window全局对象
function Test(){ this.name='Test'; var name=2; this.show=function(){ alert(name); alert(this.name);//显示名字 } } var test=new Test();//通过构造器创建一个对象 test.show();//输出2和'Test' ,说明对象方法访问其属性时必须加this. function Test2(){ this.name='Test2'; this.show=function(){
-
JS window对象的top、parent、opener含义介绍
1.top该变更永远指分割窗口最高层次的浏览器窗口.如果计划从分割窗口的最高层次开始执行命令,就可以用top变量. 2.openeropener用于在window.open的页面引用执行该window.open方法的的页面的对象.例如:A页面通过window.open()方法弹出了B页面,在B页面中就可以通过opener来引用A页面,这样就可以通过这个对象来对A页面进行操作. 3.parentparent用于在iframe,frame中生成的子页面中访问父页面的对象.例如:A页面中有一个ifra
-
javascript类型系统 Window对象学习笔记
window对象是Web浏览器中javascript的一个终极兜底儿对象,在作用域中处于最末端,是一个包含所有对象的对象.所有在全局作用域中定义的属性和函数都是window对象的属性 var myStringVar = 'myString'; var myFunctionVar = function(){}; console.log('myStringVar' in window);//true console.log('myFunctionVar' in window);//true 1.引用
-
JavaScript中的Window窗口对象
JavaScript中的Window窗口对象 他是JavaScript中最大的对象,它描述的是一个浏览器窗口.一般要引用它的属性和方法时,不需要用"window.xxx"这种形式,而直接使用"xxx".一个框架页面也是一个窗口. Window窗口对象有如下属性: name 窗口的名称,由打开它的连接(<a target="...">)或框架页(<frame name="...">)或某一个窗口调用的 o
-
javascript Window及document对象详细整理
一.Window对象 -------------------------------------------------- ------------------- 对象属性 window //窗户自身 window.self //引用本窗户window=window.self window.name //为窗户命名 window.defaultStatus //设定窗户状态栏信息 window.location //URL地址,配备布置这个属性可以打开新的页面 -----------------
-
判定对象是否为window的js代码
alert(Object.prototype.toString.call(window)) [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 看一下赫赫有名怎样判定,就判定它是否存在
-
12条写出高质量JS代码的方法
书写出高质量的JS代码不仅让程序员看着舒服,更加能够提高程序的运行速度,以下就是我们的小编整理方法: 一.如何书写可维护性的代码 当出现bug的时候如果你能立马修复它是最好的,此时解决问题的四路在你脑中还是很清晰的.否则,你转移到其他任务或者bug是经过一定的时间才出现的,你忘了那个特定的代码,一段时间后再去查看这些代码就 需要: 1.花时间学习和理解这个问题 2.化时间是了解应该解决的问题代码 还有个问题,特别对于大的项目或是公司,修复bug的这位伙计不是写代码的那个人(且发现bug和修复bu
-
判定是否原生方法的JS代码
浏览器的趋势是加入越来越多对象,像Worker,同时也为旧有的对象添加新方法.如何兼容它的第一步就是检测它们是否存在,没有则补上自己的兼容代码.这时问题就来了,有的类库是给你做了这一步,但有时没有,有时是做了,但并不符合标准.因此单纯是typeof Array.prototype.map === "function"可能不够用.这时isNative方法就要登场了. 我一直用的版本,自己写的: 复制代码 代码如下: var isNative = function(method){//判定
-
在js代码拼接dom对象到页面上去的模板总结(必看)
每次在js代码里面想动态的拼个dom,然后append到页面上,都是各种麻烦, 要是可以直接在jsp页面弄个隐藏的model那是很好的,用js方法里面的clone方法也是很好的,还可以给不同部分set值. 为了以后简单点,我就把模板摆着,方便后面用得着的时候,复制粘贴. function fillDialog(dataArray) { var target = $("#dialogTarget"); target.empty(); for (var i = 0; i < data
-
window.close(); 关闭浏览器窗口js代码的总结介绍
window.close(); 关闭浏览器窗口js代码的总结介绍 序号 关闭代码 需要确认 无任何作用 无需确认 测试 1 window.close() IE7 firefox,chrome, safari Opera Close 2 window.opener=null; window.open('','_self'); window.close(); firefox IE7,Opera, chrome,safari Close 3 window.open('','_self'); win
-
在js代码拼接dom对象到页面上的模板总结
每次在js代码里面想动态的拼个dom,然后append到页面上,都是各种麻烦, 要是可以直接在jsp页面弄个隐藏的model那是很好的,用js方法里面的clone方法也是很好的,还可以给不同部分set值. 为了以后简单点,我就把模板摆着,方便后面用得着的时候,复制粘贴. function fillDialog(dataArray) { var target = $("#dialogTarget"); target.empty(); for (var i = 0; i < data
-
如何编写高质量JS代码
想写出高效的javascript类库却无从下手: 尝试阅读别人的类库,却理解得似懂给懂: 打算好好钻研js高级函数,但权威书上的内容太零散, 即使记住"用法",但到要"用"的时候却没有想"法". 也许你和我一样,好像有一顾无形的力量约束着我们的计划,让我们一再认为知识面的局限性,致使我们原地踏步,难以向前跨越. 这段时间,各种作业.课程设计.实验报告,压力倍增.难得挤出一点点时间,绝不睡懒觉,整理总结往日所看的书,只为了可以离写自己的类库近一点.
-
基于JS代码实现实时显示系统时间
1.概述 在浏览很多网站时,都会发现在网站中加入了显示当前系统时间的功能,在网页中显示当前系统时间,不仅可以方便浏览者掌握当前时间,而且还美化了网页. 2.技术要点 利用Date对象来实现.首先创建一个表示当前系统时间的Date()对象,然后通过Date对象的getXxx()方法获得当前系统时间的年.月.日.小时.分.秒和星期的值,接下来将获得的这些值组合成一个日期时间字符串,并将日期时间字符串设置成为<div>标签的内容,最后通过window对象的setTimeout()函数每隔1秒调用一个
-
基于JS代码实现图片在页面中旋转效果
1.概述 在一些交易平台网站,如淘宝网.拍拍网等,经常会发现一些图片以圈的形状旋转的效果,如此反复的执行. 2.技术要点 主要应用了Math对象的sin(返回数的正弦值)和cos(返回数的余弦值),通过取得正弦值和余弦值然后加一些算法来改变当前层的位置,使图片在页面中旋转. 3.具体实现 (1)本例利用javaScript的Math对象的正弦和余弦值来改变当前层的位置,代码如下: <script language="javascript"> var x1=200; var
-
跨浏览器通用、可重用的选项卡tab切换js代码
由于近来学了点js,于是我装逼道...不太难吧...就切一下display属性?同学无视我..说要搞个通用的...什么还要跟ajax交互..???我愣是没有听懂...到底要搞什么...权当作练手,我自己胡弄了一个. 需求:同学口中的通用我不知道神马意思...那我就按自己的理解吧.. ①跨浏览器,IE6+,FF,Chrome,Safari,Opera ②同一个页面可以用同一个js设置不同的选项卡. 说太多没啥米用,来看代码吧. 一.html部分(其实这还没啥好看的,设置了三个,前两个是一样的,通过
随机推荐
- prototype 中文参数乱码解决方案
- Perl读写文件简单示例
- 指南:想成为一个JSP网站程序员吗?
- Vue单文件组件的如何使用方式介绍
- 优化innerHTML操作(提高代码执行效率)
- JavaScript操作表单实例讲解(上)
- linux lsof命令详解及实例
- Vue网页html转换PDF(最低兼容ie10)的思路详解
- Android中使用ListView实现漂亮的表格效果
- 图解Sublime Text3使用技巧
- Java实现软件运行时启动信息窗口的方法
- 基于JavaScript实现焦点图轮播效果
- js加入收藏夹代码(兼容ie/ff/op)
- SQL2008中SQL应用之-锁定(locking) 应用分析
- ORACLE 系统函数大全SQLSERVER系统函数的异同
- android中ListView数据刷新时的同步方法
- MySQL中用户授权以及删除授权的方法
- C#打包应用程序,与.NETFramework介绍
- javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
- PHP 的比较运算与逻辑运算详解