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

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

复制代码 代码如下:

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

复制代码 代码如下:

var sLeft = window.screenLeft || window.screenX; //firefox use screenX
console.log(sLeft);

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

复制代码 代码如下:

var sLeft = window.screenLeft;
if( !window.hasOwnProperty('screenLeft')) sLeft = window.screenX;