javascript跨浏览器的属性判断方法
更新时间：2014年03月16日 14:16:09 作者：
这篇文章主要介绍了javascript跨浏览器的属性判断的方法,需要的朋友可以参考下
今天在写代码的时候发现一个很容易出错的地方。当我们在声明变量时，常常会因为不同的 browser 有不同的 API 定义，然后用以下的写法来判断哪一个属性，例如：
复制代码 代码如下:
var fullscreenElement = document.mozFullScreenElement || document.webkitFullscreenElement || document.fullscreenElement;
用||来检查要用哪一个 attribute。
不过要小心 javascript 的值当成条件时的判断。
例如：
复制代码 代码如下:
var sLeft = window.screenLeft || window.screenX; //firefox use screenX
console.log(sLeft);
console.log(sLeft);
这段代码希望 screenLeft 会回传 window.screenLeft ，而在 firefox 会回传 window.screenX。
但是如果 screenLeft 刚好等於 0 的时候，就会进入||之后的条件了，接著就 gg 了。
因此建议在值的判断还是正统一点用 hasOwnProperty 或 typeof 来判断会比较精準。
复制代码 代码如下:
var sLeft = window.screenLeft;
if( !window.hasOwnProperty('screenLeft')) sLeft = window.screenX;
if( !window.hasOwnProperty('screenLeft')) sLeft = window.screenX;
相关文章
clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切
这篇文章主要实现了无需Flash无需依赖任何JS库实现文本复制与剪切，是一款极现代的，不需要flash，不依赖任何其他js库的非常小的插件，叫clipboard.js，感兴趣的小伙伴们可以参考一下2015-10-10
调试Javascript代码(浏览器F12及VS中debugger关键字)
目前，常用的浏览器IE、Chrome、Firefox都有相应的脚本调试功能下面我就介绍如何在浏览器/VS中调试我们的JS代码,感兴趣的你可不要走开啊，希望本文对你有所帮助2013-01-01
这篇文章主要介绍了JS控制文本域只读或可写属性的方法,涉及javascript针对页面元素属性的动态操作技巧,需要的朋友可以参考下2016-06-06
这篇文章主要为大家详细介绍了基于bootstrap实现多个下拉框同时搜索功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了JS项目中对本地存储进行二次的封装,这里我们将要使用到的key存储下来，新建一个叫constant-storage.js的文件，对外暴露一些key的键名，也方便后期统一修改，这里因为都是恒量，所以名称我们都用大写表示，需要的朋友可以参考下2022-07-07
这篇文章主要介绍了JS实现自动定时切换的简洁网页选项卡效果,涉及JavaScript基于时间函数定时触发遍历函数实现定时切换功能,需要的朋友可以参考下2015-10-10
这篇文章主要介绍了如何设置一定时间内只能发送一次请求,需要的朋友可以参考下2014-02-02
for循环是多数语言都有的。在javascript中，for循环有几种不同的使用情况，下面为大家一一介绍下2014-04-04
下面小编就为大家带来一篇使用JavaScript开发跨平台的桌面应用详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
随着以Firefox为代表的第三方浏览器的兴起，我们做的网站也不能再JUST IE了，如果把原来的一些javascript代码放到IE以外的浏览器的话，往往都不能正常运行或出错，所以这里介绍一下怎么改进我们的JS，让它能更加规范，更加具有兼容性。2008-09-09
最新评论