DDR爱好者之家

javascript跨浏览器的属性判断方法
站长资源 2025/1/20 佚名
12 1538
DDR爱好者之家 Design By 杰米

今天在写代码的时候发现一个很容易出错的地方。当我们在声明变量时，常常会因为不同的 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 来判断会比较精準。
复制代码 代码如下:var sLeft = window.screenLeft;
if( !window.hasOwnProperty('screenLeft')) sLeft = window.screenX;

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米