HTML5脚本扩展---新增小型API

本文介绍了HTML5中的一些脚本扩展,包括新增的选择器API(querySelector和querySelectorAll)、焦点管理(document.activeElement和document.hasFocus)、JSON的新方法(parse和stringify)、自定义数据属性以及延迟加载JS和历史状态管理等特性,详细阐述了它们的用法和浏览器兼容性。
摘要由CSDN通过智能技术生成

1. H5新增选择器( SelectorsAPI )

1)      H5之前的选择器

  • document.getElementById("p1");//获取ID为p1的那个元素,返回一个元素
  • document.getElementsByTagName("p");//获取文档中所有p标签,返回一个NodeList实例
  • document.getElementsByName("check");//获取所有name为check的元素,始终返回一个NodeList实例

2)      H5新增

      querySelector(“ body / #mydiv / .selected / img .fig / [title=hello]”)

  • 参数:一个CSS选择符  “img .layer”返回类为”fig”的第一个img元素;
  • 返回:匹配到的第一个元素
  • 调用:Document类型,Element类型
  • 浏览器的兼容性:IE8+、FireFox3.5+、Safari3.1+、Chrome和Opera10+

       querySelectorAll()

  • 参数:也是一个CSS选择符
  • 返回:一个NodeList实例
  • 调用:Document类型,Element类型和DocumentFragment类型
  • 浏览器的兼容性:IE8+、FireFox3.5+、Safari3.1+、Chrome和Opera10+

       matchesSelector()

  •  参数:同样是一个CSS选择符
  • 调用:Element类型
  • 返回:若调用该方法的元素与传入方法CSS选择符参数匹配,返回true,否则返回false
  •  浏览器的兼容性: 还没有浏览器支持
  • 但IE9+通过msMatchesSelector()方法支持;
  • Firefox3.6+通过mozMatchesSelec
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值