Js獲取當前瀏覽器支持的transform兼容寫法
阿新 • • 發佈:2017-11-14
字符串 eat () 空字符 kit mar pre 依次 瀏覽器支持
// 獲取當前瀏覽器支持的transform兼容寫法 function getTransfrom() { var transform = ‘‘, // document.createElement() 創建元素節點, divStyle = document.createElement(‘div‘).style, // 返回的是一組object對象,裏面包含了transform // 可能涉及到的幾種兼容性寫法,通過循環,找出瀏覽器識別的那個 // 依次為: 全部、Safari 和 Chrome、firefox、ie9、opera transformArr = [‘transfrom‘,‘webkitTransform‘,‘MozTransform‘,‘msTransform‘,‘OTransform‘]; for(var i = 0; i < transformArr.length; i++) { if (transformArr[i] in divStyle) { // 找到以後立刻返回,結束函數 return transform = transformArr[i]; } } // 如果沒有找到,就直接返回空字符串 }
該方法用於獲取瀏覽器支持的transform屬性。如果返回的為空字符串,則表示當前瀏覽器並不支持transform
Js獲取當前瀏覽器支持的transform兼容寫法