Js获取当前浏览器支持的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

时间: 2024-10-19 06:25:50

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

JS获取当前浏览器的类型

<script type=“text/javascript”> function isIE(){return navigator.appName.indexOf(“Microsoft Internet Explorer”)!=-1 && document.all;} function isIE6() {return navigator.userAgent.split(“;”)[1].toLowerCase().indexOf(“msie 6.0″)==“-1″?false:tr

JS获取IE浏览器信息类型、版本、语言等

分享下JS获取IE浏览器信息包括类型.版本.语言等的实例. 代码: <html> <head> <title>JS完整获取IE浏览器信息--www.jbxue.com</title> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <table

js获取各种浏览器窗口可视部分大小(可视部分不包含工具栏、标签栏等)

js获取各种浏览器窗口可视宽度和高度(不包含工具栏和标签栏). function getViewportSize(w){ w= w || window; //除了IE8以及更早版本外,其它浏览器都能用 if(w.innerWidth != null){ return { w:w.innerWidth, h:w.innerHeight } }; //对标准模式下的IE或任何浏览器 var d=w.document; if(document.compatMode == "CSS1Compat&quo

JS获取各种浏览器窗口大小的方法

常用:JS 获取浏览器窗口大小 // 获取窗口宽度 if (window.innerWidth) winWidth = window.innerWidth; else if ((document.body) && (document.body.clientWidth)) winWidth = document.body.clientWidth; // 获取窗口高度 if (window.innerHeight) winHeight = window.innerHeight; else if

js获取/设置任意元素中间内容的兼容方法

一.设置元素中间内容兼容代码 设置任意元素的中间文本内容兼容代码 /** * 设置任意元素的中间文本内容 * @param {*} element 标签元素 * @param {*} text 文本内容 */ function setInnerText(element,text){ if(typeof element.textContent === "undefined"){ element.innerText = text; }else{ element.textContent =

js 获取手机浏览器类型,修改css文件的class的值

/*========================================= 函数功能:获取浏览器类型 =========================================*/ function getBrowser() { var type = "pc" var ua = navigator.userAgent.toLowerCase(); /* Navigator 是HTML DOM中的内置对象,它包含有关浏览器的信息.userAgent是Navigator

【学习】jquery.placeholder.js让IE浏览器支持html5的placeholder

原文链接:https://www.cnblogs.com/xiaoxianweb/p/5692301.html type为text或password的input,其在实际应用时,往往有一个占位符,类似这样的: 在没有html5前,一般写成value,用js实现交互,文本框获得焦点时,提示文字消失,失去焦点时,文字又出现,这样体验很好,而且也不用在文本框前面放上功能字样的文字了,节省空间.贴一段jquery代码好了: $(":input").focus(function(){//默认文字

JS获取当前浏览器(Chrome,Firefox)

alert(navigator.userAgent); Chrome下输出的是 Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2693.2 Safari/537.36 Firefox下输出的是 Mozilla/5.0 (Windows NT 6.1; WOW64; rv:45.0) Gecko/20100101 Firefox/45.0 IE下输出的是 Mozilla/

js获取智能机浏览器版本信息

<!DOCTYPE html><html> <head>        <meta charset="UTF-8">            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />