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

150 阅读 0 评论 99 点赞

我是靠谱客的博主风中小松鼠，最近开发中收集的这篇文章主要介绍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); 

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

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

复制代码代码如下:

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

以上就是风中小松鼠为你收集整理的javascript跨浏览器的属性判断方法的全部内容，希望文章能够帮你解决javascript跨浏览器的属性判断方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。