js 常見相容性處理

1 獲取滾動條相容var height = document.documentelement.scrolltop||document.body.scrolltop;2 獲取可是區域相容var clientwidth = window.innerwidth || document.documentelement.clientwidth || document.body.clientwidth || 0; 

var clientheight = window.innerheight || document.documentelement.clientheight || document.body.clientheight || 0;3 獲取計算後的樣式相容函式function computedstyle(obj , val) );
// 計算後的樣式屬性
return window.getcomputedstyle(obj)[val];
}else);
// 計算後的樣式屬性
return obj.currentstyle[val];
}}4 瀏覽器事件相容var event = else if(element.attachevent)
},// 事件移除相容
removeevent: function(element,type,callback)else
},// 獲取事件物件相容
getevent: function(event),
// 獲取事件觸發物件相容
gettarget: function(event),
// 阻止事件冒泡相容
stoppropagation: function(event)else
},// 阻止預設事件相容
preventdefault: function(event)else
}}

JS相容性處理

正確情況 只有一行 只針對ie起作用，而且考慮了ie使用者自選渲染模式 怪癖模式 支援ie5 6 7 8 9及10。非ie彈出false，ie則彈出5到10版本值 script html 最短判斷是否ie的 if 1,else 經過測試 ie9 ie10彈出 非ie 實際編碼中，更多的將是採用 物件...

常見的js相容性彙總

1 滾動條 document.documentelement.scrolltop document.body.scrolltop 2 獲採樣式 function getstyle dom,stylename 3 網頁可視區域 window.innerheight document.documente...

webpack 之js相容性處理

用來拼接絕對路徑的方法 const require path const htmlwebpackplugin require html webpack plugin module.exports loader 配置 module 指定相容性做到哪個版本瀏覽器 targets plugins 的配置 ...