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;
相关文章
ele-table表格列表内双击编辑部分信息的示例代码(el-table组件同理)
本文介绍如何在ele-table组件中实现双击编辑功能,通过双击表格列表内需要编辑的区域,可以展示输入框或日期选择器进行数据修改,修改完成后,通过按回车键或点击确认按钮提交修改数据,感兴趣的朋友一起看看吧2024-11-11
很久以前还在学校的时候，在网上看到有的关于js切换的效果我自己会用 很笨拙的方法试着写出来2010-11-11
这篇文章主要介绍了JavaScript面向对象分层思维，js本身不是面向对象语言,在我们实际开发中其实很少用到面向对象思想。下文关于js面向对象知识给大家介绍的非常详细，感兴趣的朋友一起看看吧2016-11-11
当页面特别长的时候，用户想回到页面顶部，必须得滚动好几次滚动键才能回到顶部，如果在页面右下角有个“返回顶部”的按钮，用户点击一下，就可以回到顶部，对于用户来说，是一个比较好的体验。2015-05-05
在做网页开发的时候，有时候希望给图片设置一个备选路径，即，当src属性对应的主路径加载失败的时候，图片可以马上切换到备选路径，怎么实现呢?下面通过本文给大家分享JavaScript为一张图片设置备选路径的方法，一起看看吧2017-01-01
今天小编就为大家分享一篇在Layui中实现开关按钮的效果实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
hasFocus是document的特有方法．用来判断当前网页是否获得焦点．2010-06-06
本文主要介绍了JavaScript实现点赞功能的示例,分享给大家2014-04-04
这篇文章主要介绍了微信小程序之swiper滑动面板用法,结合实例形式详细分析了swiper滑动面板的具体功能、参数、使用方法及相关操作注意事项,需要的朋友可以参考下2018-12-12
通过复制Table生成word和excel的javascript代码
通过复制Table生成word和excel，个人感觉这个功能还是比较实用的，下面有个不错的示例，希望对大家有所帮助2014-01-01
最新评论