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

web前端|js教程 javascript跨浏览器的属性判断方法【javascript】

JS,跨浏览器

web前端-js教程

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

51源码网站,vscode查看库源码,ubuntu 创建pv,阿里云tomcat自动,爬虫马甲,php数组键名排序,亭湖区seo优化咨询,网站查询系统源码 php,个人中心信息模板lzw

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

用||来检查要用哪一个 attribute。
不过要小心 javascript 的值当成条件时的判断。
例如：

vip影视商业源码,暗黑3ubuntu,汽车新闻爬虫,admin/php,seo优化每月lzw

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

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

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

搜索引擎带源码,ubuntu 装新硬盘,tomcat是哪家公司,篮球图片爬虫,php网页换行,迎泽区信息化seo优化lzw

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