javascript跨瀏覽器的屬性判斷方法
更新時(shí)間：2014年03月16日 14:16:09 作者：
這篇文章主要介紹了javascript跨瀏覽器的屬性判斷的方法,需要的朋友可以參考下
今天在寫代碼的時(shí)候發(fā)現(xiàn)一個(gè)很容易出錯(cuò)的地方。當(dāng)我們?cè)诼暶髯兞繒r(shí)，常常會(huì)因?yàn)椴煌?browser 有不同的 API 定義，然后用以下的寫法來(lái)判斷哪一個(gè)屬性，例如：
復(fù)制代碼 代碼如下:
var fullscreenElement = document.mozFullScreenElement || document.webkitFullscreenElement || document.fullscreenElement;
用||來(lái)檢查要用哪一個(gè) attribute。
不過(guò)要小心 javascript 的值當(dāng)成條件時(shí)的判斷。
例如：
復(fù)制代碼 代碼如下:
var sLeft = window.screenLeft || window.screenX; //firefox use screenX
console.log(sLeft);
console.log(sLeft);
這段代碼希望 screenLeft 會(huì)回傳 window.screenLeft ，而在 firefox 會(huì)回傳 window.screenX。
但是如果 screenLeft 剛好等於 0 的時(shí)候，就會(huì)進(jìn)入||之后的條件了，接著就 gg 了。
因此建議在值的判斷還是正統(tǒng)一點(diǎn)用 hasOwnProperty 或 typeof 來(lái)判斷會(huì)比較精準(zhǔn)。
復(fù)制代碼 代碼如下:
var sLeft = window.screenLeft;
if( !window.hasOwnProperty('screenLeft')) sLeft = window.screenX;
if( !window.hasOwnProperty('screenLeft')) sLeft = window.screenX;
您可能感興趣的文章:
相關(guān)文章
ele-table表格列表內(nèi)雙擊編輯部分信息的示例代碼(el-table組件同理)
本文介紹如何在ele-table組件中實(shí)現(xiàn)雙擊編輯功能,通過(guò)雙擊表格列表內(nèi)需要編輯的區(qū)域,可以展示輸入框或日期選擇器進(jìn)行數(shù)據(jù)修改,修改完成后,通過(guò)按回車鍵或點(diǎn)擊確認(rèn)按鈕提交修改數(shù)據(jù),感興趣的朋友一起看看吧2024-11-11
很久以前還在學(xué)校的時(shí)候，在網(wǎng)上看到有的關(guān)于js切換的效果我自己會(huì)用 很笨拙的方法試著寫出來(lái)2010-11-11
這篇文章主要介紹了JavaScript面向?qū)ο蠓謱铀季S，js本身不是面向?qū)ο笳Z(yǔ)言,在我們實(shí)際開(kāi)發(fā)中其實(shí)很少用到面向?qū)ο笏枷?。下文關(guān)于js面向?qū)ο笾R(shí)給大家介紹的非常詳細(xì)，感興趣的朋友一起看看吧2016-11-11
當(dāng)頁(yè)面特別長(zhǎng)的時(shí)候，用戶想回到頁(yè)面頂部，必須得滾動(dòng)好幾次滾動(dòng)鍵才能回到頂部，如果在頁(yè)面右下角有個(gè)“返回頂部”的按鈕，用戶點(diǎn)擊一下，就可以回到頂部，對(duì)于用戶來(lái)說(shuō)，是一個(gè)比較好的體驗(yàn)。2015-05-05
使用JavaScript為一張圖片設(shè)置備選路徑的方法
在做網(wǎng)頁(yè)開(kāi)發(fā)的時(shí)候，有時(shí)候希望給圖片設(shè)置一個(gè)備選路徑，即，當(dāng)src屬性對(duì)應(yīng)的主路徑加載失敗的時(shí)候，圖片可以馬上切換到備選路徑，怎么實(shí)現(xiàn)呢?下面通過(guò)本文給大家分享JavaScript為一張圖片設(shè)置備選路徑的方法，一起看看吧2017-01-01
在Layui中實(shí)現(xiàn)開(kāi)關(guān)按鈕的效果實(shí)例
今天小編就為大家分享一篇在Layui中實(shí)現(xiàn)開(kāi)關(guān)按鈕的效果實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
hasFocus是document的特有方法．用來(lái)判斷當(dāng)前網(wǎng)頁(yè)是否獲得焦點(diǎn)．2010-06-06
JavaScript實(shí)現(xiàn)點(diǎn)贊功能的示例
本文主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)贊功能的示例,分享給大家2014-04-04
這篇文章主要介紹了微信小程序之swiper滑動(dòng)面板用法,結(jié)合實(shí)例形式詳細(xì)分析了swiper滑動(dòng)面板的具體功能、參數(shù)、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-12-12
通過(guò)復(fù)制Table生成word和excel的javascript代碼
通過(guò)復(fù)制Table生成word和excel，個(gè)人感覺(jué)這個(gè)功能還是比較實(shí)用的，下面有個(gè)不錯(cuò)的示例，希望對(duì)大家有所幫助2014-01-01