位置: 编程技术 - 正文
用JavaScript判断CSS浏览器类型前缀的两种方法(javascript判断题)
编辑：rootadmin推荐整理分享用JavaScript判断CSS浏览器类型前缀的两种方法(javascript判断题)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:javascript的判断语句,javascript判断数据类型的方法,用JavaScript判断奇数偶数,js判断怎么写,用JavaScript判断奇数偶数,javascript的判断语句,用JavaScript判断奇数偶数,javascript的判断语句,内容如对您有帮助，希望把文章链接给更多的朋友！
不管我们对浏览器类型前缀有多么的讨厌，我们都不得不每天面对它，否者有些东西不能正常工作。这些前缀的用法有两种：在CSS里(例如“-moz-”)和在JS里。有一个神奇的 X-Tag 项目里有一段很聪明的JavaScript脚本，可以用来判断当前使用的是什么前缀——让我来展示它是如何工作的！
比如 CSS 前缀，IE 的是 "-ms-"，旧版 Opera 的是 "-o-"，Firefox 的是 "-moz-"，Safari/Chrome 是 "-webkit-"。JavaScript 有多种方式判断它们。
方法1： 特性判断
通过创建一个div，给其分别添加 -webkit-、-moz-、-o-、-ms- 的前缀 css 样式，然后获取 style，通过 style.xxxTransition 判断是哪种前缀。
方法2： getComputedStyle 获取 documentElement 所有样式再解析
先通过 window.getComputedStyle 获取 styles，将 styles 转成数组
Firefox arr 如下
Chrome arr 如下
能看到取到了具有各自浏览器自身实现的 CSS 前缀名称。
把所有属性连接成一个字符串，然后用正则表达式匹配就能找出前缀了
我们看到 方法2 比 方法1 代码量少了许多。无论是方法1 和 方法2 ，都采用匿名函数一次性执行后返回结果，不需要每次判断都调用一下函数。
以上内容就是小编通过两种方法给大家介绍的用JavaScript判断CSS浏览器类型前缀，希望大家喜欢。
JS+CSS实现的蓝色table选项卡效果 本文实例讲述了JS+CSS实现的蓝色table选项卡效果。分享给大家供大家参考。具体如下：这是一款蓝色的JS+Table类型的选项卡，部分标签内容存储在JS数组
Javascript控制div属性动态变化实例分析 本文实例分析了Javascript控制div属性动态变化的方法。分享给大家供大家参考。具体如下：这里使用JS控制div属性变化，另Div的几何尺寸发生变化，例如
JS实现常见的TAB、弹出层效果(TAB标签，斑马线，遮罩层等) 本文实例讲述了JS实现常见的TAB、弹出层效果。分享给大家供大家参考。具体如下：这里演示tab活页夹（网页标签），斑马线，遮罩层、弹出层的简单实
标签: javascript判断题
本文链接地址:https://www.jiuchutong.com/biancheng/380290.html 转载请保留说明！上一篇：JS实现三个层重叠点击互相切换的方法(js有多重模块定义方式)
下一篇：JS+CSS实现的蓝色table选项卡效果(蓝色的css代码)
