HTML5新增常用的几个操作

1------- 新增HTML5 中操作类

• dom.classList.add(" classname ")； 添加类

• dom.classlist.romove(" classname ") 删除类

• dom.classlist.contains(" classname ") 判断是否包含某类

• dom.classList.toggle(" classname ") 切换类

2--------- 自定义属性操作使用dataset

• . 存数据 在自定义属性前，加上 data-

• 获取：直接通过 dataset 可以获取 所有 data- 属性的数据

• dataset.属性名 属性名中不包含data- 直接写后面的名字

• 赋值修改 : dataset.属性名 = 属性值 , 属性名中同样不能包含 data-

3----------- 在HTML5 中提供了可以判断网络状态 API

• 属性 navigator.onLine
  返回值 Boolean
  true 表示联网状态 (局域网或者互联网)
  false 说明离线

• 事件 online offline

  window.addEventlistener(“online”,function(){
  //切换到联网状态时才触发
  })
  window.addEventlistener(“offline”,function(){
  //切换到离线状态时才触发
  })

5—地理位置
html5中提供地理位置的api ,可以根据用户的位置，提供不同的服务
获取位置 的坐标是 google 的坐标，获取可能会有失败情况

• navigator.geolocation.getCurrentPosition(successFuc,errorFuc)

  参数1：获取成功时候执行的 回调函数 ,会给我们一个 location 参数对象
  location.coords.longitude 经度
  location.coords.latitude 纬度
  参数2：获取失败的时候执行的 回调函数
  有一个error 参数。返回错误信息
  调试地理位置，在IE下才可以
  Chrome，fireFox做了限制，必须到 https 下面才允许获取地理位置信息