在javascript中常見的瀏覽器相容問題,以及解決方式。 在前端工作當中我們遵循這樣的原則:漸進增強和優雅降級 漸進增強(progressive enhancement): 針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗 優雅 ...
在javascript中常見的瀏覽器相容問題,以及解決方式。 在前端工作當中我們遵循這樣的原則:漸進增強和優雅降級 漸進增強(progressive enhancement): 針對低版本瀏覽器進行構建頁面,保證最基本的功能,然後再針對高級瀏覽器進行效果、交互等改進和追加功能達到更好的用戶體驗 優雅降級(graceful degradation): 一開始就構建完整的功能,然後再針對低版本瀏覽器進行相容。 1、獲取非行內樣式: 函數getStyle(e,attr)第一個參數為需要獲取樣式的元素對象,第二個參數為樣式的屬性名(可以是一個對象數組) style 只能獲取行內style, 調用方式obj.style.屬性 相容:所有都支持 currentStyle() 可以獲取該obj所有style,但是只可以讀取,不可以設置 調用方式:obj.currentStyle["屬性"] 或者obj.currentStyle.屬性 相容:只相容ie6以上,不相容其他瀏覽器 getComputedStyle() 可以獲取該obj所有style,只可以獲取不能設置 調用方式getComputedStyle(obj,null)[屬性]或者getComputedStyle(obj,null).屬性; 相容:相容其他瀏覽器,IE瀏覽器只相容ie9以上,