Bom与Dom
 Bom有window，navigator，location，screen，document
 window有confirm，alert，prompt，settimeout，setinterval，open，close
 navigator是浏览器的信息比如版本引擎兼容等等
 location是url的跳转与信息
 screen是客户端的能力包含显示器的信息
 history历史记录 go back forward
 Dom是指
 document网页的元素
 document.titel
 document.body
 document.head
 document.documenElement
 可以动态的创建节点
 一个标签是由元素节点 属性节点 文本节点 如果存在注释节点也可以
 document.createElement()
 dom.setAttribute(name，value)
 document.createTextNode()//你可以在这里面写一些script语句style样式
 实现动态加载script与style
 但是创建文本节点多用几次就分不清谁是谁
 所以一般采用document.normalize()把文本节点都是变为一个节点节点是以树的形式
 存在父子 祖孙 兄弟 关系 一系列的dom操作
 移除添加获取创建都是围绕这些关系来的
 但是操作节点存在浏览器的兼容问题
 所以避免兼容问题jQuery能帮你 尤其是IE这个家伙处处做对
 但是频繁的操作节点渲染重绘重排浏览器是不太好的在创建节点我们使用
 document.createDocumentFragment()//节点片段
 不会一次创建就刷新一次 而是创建一个虚拟的节点 然后一次性创建关于获取节点
 document.getElementById()
 document.getElementsByTagName()
 下面两个方法建议使用因为是结合css选择器与节点一起用
 document.querySelector()//获取符合条件的第一个
 document.querySelectorAll()//nodelist注意获取返回的是单个还是nodelist
获取class操作class 存在classlist
 采用document.getElementsByClassName()
 var cc=document.getElementsByClassName(“a”)
 cc[0].classList.add(‘c’)
 cc[0].classList.remove(‘c’)
 cc[0].classList.toggle(‘d’)
 console.log(cc[0].classList.contains(‘a’))
 节点自定义的属性与数据
 data- 前缀 可以通过e.dataset获取