1. 程式人生 > >Js獲取當前瀏覽器支持的transform兼容寫法

Js獲取當前瀏覽器支持的transform兼容寫法

字符串 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兼容寫法