javascript跨浏览器的属性判断方法

2014-03-16 35

今天在写代码的时候发现一个很容易出错的地方。当我们在声明变量时,常常会因为不同的 browser 有不同的 API 定义,然后用以下的写法来判断哪一个属性,例如:

var fullscreenElement = document.mozFullScreenElement || document.webkitFullscreenElement || document.fullscreenElement;

用||来检查要用哪一个 attribute。
不过要小心 javascript 的值当成条件时的判断。
例如:
var sLeft = window.screenLeft || window.screenX; //firefox use screenX
console.log(sLeft);

这段代码希望 screenLeft 会回传 window.screenLeft ,而在 firefox 会回传 window.screenX。
但是如果 screenLeft 刚好等於 0 的时候,就会进入||之后的条件了,接著就 gg 了。

因此建议在值的判断还是正统一点用 hasOwnProperty 或 typeof 来判断会比较精?省?BR>

var sLeft = window.screenLeft;
if( !window.hasOwnProperty('screenLeft')) sLeft = window.screenX;
展开阅读全文

更多Javascript文章

使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 132
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
Sep 21 49
ionic实现下拉刷新载入数据功能
May 11 32
canvas基础绘制-绚丽倒计时的实例
Sep 17 38
AngularJS 的$timeout服务示例代码
Sep 21 38
详解如何使用webpack在vue项目中写jsx语法
Nov 08 44
jQuery实现滑动星星评分效果(每日分享)
Nov 13 39
手机访问当前页面