javascript跨瀏覽器的屬性判斷方法

2019-11-20 20:56:40

字體：大中小

來源：轉載

供稿：網友

今天在寫代碼的時候發現一個很容易出錯的地方。當我們在聲明變量時，常常會因為不同的 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 來判斷會比較精

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本