位置: 编程技术 - 正文

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

  • 递延所得税负债怎么算
  • 购买土地税率是多少
  • 财产租赁所得怎么计算个人所得税
  • 不超45万是含税还是不含税
  • 个税0申报漏了2年可以补报
  • 会计软件每年都要付钱的吗
  • 什么是外购类标签
  • 全年一次性奖金单独计税怎么算
  • 固定资产替换公式
  • 采用重置成本计量属性的税种是
  • 转出未交增值税借方余额怎么处理
  • 实收资本的账务处理题目
  • 税金及附加小于应缴纳所得税是什么原因
  • 公司股权转移怎么办理
  • 金税盘里的增值税怎么算
  • 清包工如何纳税
  • 出口退免税收汇相关业务
  • 个体户哪种税率最低
  • 收到税局代增值税专用发票已作废的退款怎么做账
  • 酒店固定资产明细表范本
  • 录入凭证时记账的依据是
  • 用于研发的设备如何折旧
  • 核销单取消后出口收汇流程
  • 销售商品结转成本会计分录
  • 公司名下商品房卖给个人后房产税怎么交
  • 收到融资租赁利息专票进项税额要转出吗
  • 增值税专票销售额
  • mac电脑遇到问题而重新启动
  • linux管理员账户名
  • win7旗舰版系统怎么样
  • 技术服务辅助设施包括
  • 制造费用结转到主营业务成本
  • 交易性金融资产的入账价值
  • php生成csv文件
  • 若依名字的含义是什么意思
  • php通用分页类
  • 螺旋状芦荟 (© David Madison/Getty Images)
  • 废旧物资回收经营单位
  • php如何实现分页功能
  • 莫尔道嘎湿地公园
  • 有限公司股权转让的规定最新
  • div css页面布局
  • vue中的组件
  • 个税查询和实发工资不符合
  • 免费学电脑网站
  • 速动资产扣除应纳税所得
  • 终止合约取得的合约
  • 土地使用发票
  • 存货跌价准备的账务处理
  • SqlServer 2005 T-SQL Query 学习笔记(3)
  • 不动产租赁如何避税
  • 管理费用漏记了跨年调整
  • 未开票收入如何结转成本
  • 个人开发者要缴税吗
  • 附加税减免政策2023
  • 企业转给法人的会计分录
  • 红字申请单能作废吗
  • 计提是好是坏
  • 小企业会计准则和企业会计准则的区别
  • 如何购买车辆交强险保单
  • 会计账簿按用途分类分为
  • mysql(master/slave)主从复制原理及配置图文详解
  • windows隐藏功能
  • bzc.exe是什么
  • 如何查看苹果mac系统
  • linux关机后机器还亮着
  • windows 8 key
  • JavaScript数组删除元素
  • javascript闭包函数
  • jquery 图片插件
  • 安卓快速开发平台
  • 云阅卷平台登录入口云南省
  • 单位发的一次性奖励如何扣税
  • 广州市天河税务局电话号码
  • 领导班子和领导干部评议意见表
  • 西乡塘区税务局电话
  • 深圳蛇口社保局在哪里
  • 2018年申报时间
  • 山东省国税局电话客服热线
  • 电子发票怎么作废
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设