首页 > 软件开发 > JavaScript >

js如何判断css属性是否支持

来源:互联网 2023-03-17 00:01:40 版权归原作者所有,如有侵权,请联系我们

在使用CSS属性时,有时浏览器不支持,可以使用js的方法判断这个属性是否支持。2Cs办公区 - 实用经验教程分享!

js如何判断css属性是否支持2Cs办公区 - 实用经验教程分享!

工具/原料

  • JavaScript
  • CSS3
  • HTML5
  • HBuilderX
  • 截图工具
  • 浏览器
  • WPS
  • 笔记本电脑

方法/步骤

  • 1

    双击打开HBuilderX开发工具,新建一个静态页面,并输入名称judge.html文件2Cs办公区 - 实用经验教程分享!

    js如何判断css属性是否支持2Cs办公区 - 实用经验教程分享!

  • 2

    打开已新建的静态页面文件,修改title内容并添加script标签2Cs办公区 - 实用经验教程分享!

    js如何判断css属性是否支持2Cs办公区 - 实用经验教程分享!

  • 2
  • 3

    使用window.onload函数,调用document.createElement(),然后使用style属性判断css样式属性是否支持2Cs办公区 - 实用经验教程分享!

    js如何判断css属性是否支持2Cs办公区 - 实用经验教程分享!

  • 4

    保存代码并运行项目,打开浏览器查看打印结果,发现是空说明支持2Cs办公区 - 实用经验教程分享!

    js如何判断css属性是否支持2Cs办公区 - 实用经验教程分享!

  • 5

    再替换一个css属性,在JavaScript中使用的驼峰写法textSizeAdjust2Cs办公区 - 实用经验教程分享!

    js如何判断css属性是否支持2Cs办公区 - 实用经验教程分享!

  • 6

    再次保存代码并运行,结果发现还是空的;如果为undefined,说明是不支持2Cs办公区 - 实用经验教程分享!

    js如何判断css属性是否支持2Cs办公区 - 实用经验教程分享!

  • 总结

    • 1、新建静态页面2Cs办公区 - 实用经验教程分享!

      2、添加验证方法2Cs办公区 - 实用经验教程分享!

      3、保存代码查看2Cs办公区 - 实用经验教程分享!

      4、修改属性查看2Cs办公区 - 实用经验教程分享!

      js如何判断css属性是否支持2Cs办公区 - 实用经验教程分享!

    注意事项

    • 注意js如何判断css属性是否支持
    • 注意js判断css属性是否支持浏览器的几种方法

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!2Cs办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号