位置: 编程技术 - 正文

用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 转成数组

用JavaScript判断CSS浏览器类型前缀的两种方法(javascript判断题)

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代码)

  • 存货盘亏进项税额转出是什么意思
  • 可税前扣除的费用有哪些
  • 预付开发票加油后还能开吗
  • 产品质量问题赔偿账务处理
  • 食堂支付的现金怎么入账
  • 福利费进项税额转出会计分录账务处理
  • 广告制作税目
  • 个人独资企业经营所得税税率表2023
  • 汇总记账凭证会计核算形式
  • 公租房租金收入什么科目
  • 亏损结转本年利润会计分录
  • 进口代理费取费标准
  • 员工自己领取社保卡需要带什么资料
  • 借用另一家公司名义
  • 税控盘上开完发票发的邮件在哪查看
  • 安全生产费纳税调整政策
  • 小企业做了税务登记流程
  • 红字记账的四种登记方式
  • 房地产净利润率计算公式
  • 净利润等于未分配利润和盈余公积吗
  • 当年的成本发票必须当年结算吗
  • 收到小额支付转账什么意思
  • 去年的发票可以红冲重新开具吗?
  • 终于找到修改mac的方法了!
  • 系统更新没有推送
  • 企业所得税征收标准
  • 补缴以前月份的个人所得税
  • 企业将自有房产全部租出去房产税如何征收
  • fontpackages-filesystem
  • 销售免税农产品进项税可以抵扣吗
  • vue移动和pc两套代码
  • 广告费增值税税目是什么
  • 税务机关为小规模纳税人
  • Glastonbury Tor, Somerset, England (© DEEPOL by plainpicture/Adam Burton)
  • php获取数组的值
  • 盈余公积金可以用来扩大公司生产经营
  • php确认弹窗
  • 蒙特维德云雾森林
  • json与对象的区别
  • mksquashfs命令
  • php 微信公众号自定义菜单
  • 研发费用没有发票怎么做账
  • 公账钱怎么取出
  • 建筑业营改增前后区别
  • mysql命令大全手册
  • php生成器和迭代器理解
  • python元数据
  • 现金发放工资会计科目怎么写
  • 怎么作废银联在网上银行
  • 典当行必须出具当票吗
  • 企业会计人员审计程序
  • 置换补贴算在优惠价里吗
  • 购买员工福利品会计分录
  • 销售退货的会计账怎么处理
  • 承兑汇票贴现怎么做会计分录
  • 收到预付卡的发票是否可以报销呢?
  • 公司库存现金如何存回银行
  • 固定资产融资租出计入什么科目
  • 制造费用如何控制
  • 红字更正法红字冲销法
  • 建筑图纸设计费多少钱
  • 公司暂估成本分录
  • 交易性金融资产公允价值变动计入
  • 新公司内账怎么做
  • 制单的基本要求是什么
  • ubuntu虚拟机怎么改用户名
  • shell中awk命令
  • dae是什么文件
  • win10无法双击
  • ini文件是什么意思
  • 如何使用ssh
  • linux拉起进程
  • Extjs中DisplayField的日期或者数字格式化扩展
  • Javascript字符串对象函数
  • jquerycuishifeng
  • 深圳前海自贸区医院是三甲吗
  • 设计合同需要备案吗
  • 全国初中应用物理知识竞赛获奖名单
  • 税务局风控
  • 上海税务局发票验旧
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设