淺談JavaScript中瀏覽器兼容的問題
瀏覽器兼容性問題是在實際開發中容易忽略而又最重要的一部分 。我們在講老版本瀏覽器兼容問題之前，首先要了解什么是能力檢測，它是來檢測瀏覽器有沒有這種能力，即判斷當前瀏覽器是否支持要調用的屬性或者方法 。下面做了一些簡短的介紹 。
1、innerText 和 innerContent
1)innerText 和 innerContent 的作用相同
2)innerText IE8之前的瀏覽器支持
3)innerContent 老版本的Firefox支持
4)新版本的瀏覽器兩種方式都支持
2、獲取兄弟節點/元素的兼容性問題
1)兄弟節點，所有瀏覽器都支持
①nextSibling 下一個兄弟節點 ， 可能是非元素節點;會獲取到文本節點
②previousSibling 上一個兄弟節點 ， 可能是非元素節點;會獲取到文本節點
2)兄弟元素，IE8以前不支持
①previousElementSibling 獲取上一個緊鄰的兄弟元素，會忽略空白
②nextElementSibling 獲取下一個緊鄰的兄弟元素，會忽略空白
3、array.filter();
// 使用指定的函數測試所有元素 ， 并創建一個包含所有通過測試的元素的新數組
4、array.forEach();
// 遍歷數組
5、注冊事件
6、事件對象
1)事件參數e ， 就是事件對象，標準的獲取方式
btn.onclick = function(e) { }
2)e.eventPhase 事件階段 ， IE8以前不支持
3)e.target 始終是觸發事件的對象(點擊的按鈕)
i)IE8以前 srcElement
ii)瀏覽器兼容
var target = e.target || window.event.srcElement;
7、獲取鼠標在頁面上的位置
①在可視區域中的位置： e.clientX e.clientY
②在文檔中的位置：
i) e.pageX e.pageY
ii)瀏覽器兼容
8、獲取頁面滾動的距離
9、取消文本的選擇
【淺談JavaScript中瀏覽器兼容的問題】以上這篇淺談JavaScript中瀏覽器兼容的問題就是小編分享給大家的全部內容了，希望能給大家一個參考 ， 也希望大家多多支持經驗啦網網 。
