位置: 编程技术 - 正文

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

  • 一般纳税人企业所得税是多少
  • 公司换股东需要本人去吗
  • 股票印花税计算公式
  • 汽车销售分期付款的账务处理
  • 房产税和车船税计入应交税费吗
  • 免税外汇商品
  • 什么公司可以核算成本
  • 固定资产进项税怎么入账
  • 展览服务费进项可以抵扣吗
  • 临时人员劳务费有哪些?
  • 合同资产在资产负债表中列入什么项目
  • 小企业以前年度损益调整科目取消了吗
  • 境外人员为境内企业提供劳务如何缴税
  • 出售投资性房地产的会计处理
  • 什么是税收筹划风险?税收筹划风险的种类有哪些?
  • 金税三期个人所得税税率
  • 其他货币资金存出投资款什么时候用
  • 当月没有销售需要结转成本吗
  • 备用金可以银行贷款吗
  • 外贸过程中产生的问题
  • 公司注销后虚开发票
  • 所得税费用为负数需要体现在报表上吗
  • 不同项目之间进项税能否抵扣?
  • 劳务费发票可以含材料费吗
  • 公司奖励旅游算休年假吗
  • 政策性搬迁税收政策指引
  • 单位定期存款支取
  • 应收账款账龄分析简单例题
  • 劳务报酬所得包括哪些?与工资薪金所得的区别?
  • 未开票收入冲回如何做账
  • 证券的投资
  • macbook怎么保存
  • 个人减免税政策6条
  • php load
  • 自建房买卖需要缴哪些费用
  • fssm32.exe是什么进程 有什么作用 fssm32进程查询
  • vue3框架的优点
  • 鸟瞰画面
  • php如何防止后门
  • web前端 css
  • linuxmd5加密
  • 运输发票开具条件
  • 出口免抵退转免税
  • dedecms使用教程
  • 什么情况下提供个人征信
  • 企业所得税包含员工工资吗
  • Oracle、MySQL和SqlServe三种数据库分页查询语句的区别介绍
  • 法人工资应该怎么处理
  • 每天统计数据的表格
  • 企业资金管理是什么意思
  • 视同销售是怎么回事?
  • 收到现金长时间不付款
  • 增值税进项发票抵扣期限是多少天?
  • 代扣代缴预提所得税10%是什么意思
  • 行政单位收到的待报解预算收入怎么做账
  • 预计产品质量保证损失计入什么
  • 农民工工资专用账户管理制度的办法
  • 企业弥补亏损的来源有
  • 总帐参数怎么设置
  • sql server创建备份
  • sql server2008启动
  • sql语句数量
  • bios怎么恢复出厂设置有什么后果?
  • win10网络身份验证失败
  • find linux命令详解
  • mac怎么打开macintosh
  • 电脑蓝屏0X0000007B
  • 谷歌浏览器点更新没反应
  • 详解16型人格
  • shell备份文件脚本
  • perl编程
  • 后台运行bat定时器程序示例分享
  • linux中awk用法详解
  • document对象常用方法
  • javascript default
  • 闵行税务稽查局
  • 随申办如何缴纳社保
  • 河南12306区号
  • 纳税人有什么影响
  • 什么是印花税,印花税有哪些特点
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设