xml解析相容性問題的避免

2021-07-24 15:06:13 字數 799 閱讀 9356

js在處理xml過程中,由於瀏覽器相容性問題,要做許多的相容處理,隨著瀏覽器是公升級,大多數瀏覽器都已經預設保持統一標準,以便於我們日常的開發,然而有了微軟的ie這個奇葩的存在,形成了大多數前端開發者的噩夢,最近做的乙個專案就踩中乙個大坑,ie11和以往的ie6、7、8等既然都不一樣,並且沒和其他瀏覽器保持統一標準

前端開發過程中一般希望能全部使用原生js就避免使用封裝好的js庫,所以在解析xml字串的過程中一開始選擇使用原始js來實現,從w3cschool找到一段**,看了下好像實現了功能並且保證了相容性的**

function

loadxmlstring

(xmlstring) catch (e) catch (e)

}try catch (e)

return (null);

}

在谷歌火狐以及ie8的測試下正常執行能解析返回乙個正常的dom物件,然而提交到測試那邊發現此**在ie11下既然不能正常執行,谷歌搜尋了一下ie11不再支援activexobject(「microsoft.xmldom」)這個功能來實現xml字串的解析返回dom物件,所以為了保證相容性,選擇引入jquery來實現這塊功能,避免因為相容性問題導致功能的不完善

jquery.par***ml(data)

\\jquery提供此方法可以解析xml字元並返回乙個dom物件

\\注意不是放回jq物件,但是可以和正常的dom物件一樣通過轉化為jq物件

piczoom相容性問題 相容性問題

1.文字本身的大小不相容。同樣是font size 14px的宋體文字,在不同瀏覽器下佔的空間是不一樣的,ie下實際佔高16px,下留白3px,ff 下實際佔高17px,上留白1px,下留白3px,opera下就更不一樣了。解決方案 給文字設定 line height 確保所有文字都有預設的 lin...

相容性問題

原文 1.ie浮動 margin 產生的雙倍距離 box 2.display inline block ie6,7下不相容 用float left 3.position fixed ie6不支援 ie6下用position和js模擬,或者完全不用,用position和js模擬 4.cursor ha...

相容性問題

ie6下最小高度為19px,增加font size 0後可縮小為2px 還是沒解決嘛 orz。增加overflow hidden屬性,截掉多餘的高度!ie6 ie7只支援標籤的四個偽類 lvha 不支援其他偽類。ie6,7下父級有寬度就可以不用清浮動,其他瀏覽器不可以哦 haslayout屬性 在i...