码迷,mamicode.com
首页 > Web开发 > 详细

Js获取当前浏览器支持的transform兼容写法

时间:2017-11-14 14:39:30      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:web   创建   依次   识别   直接   cti   获取   creat   transform   

// 获取当前浏览器支持的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兼容写法

标签:web   创建   依次   识别   直接   cti   获取   creat   transform   

原文地址:http://www.cnblogs.com/zhaobao1830/p/7831308.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!