webapi基础

---恢复内容开始---

DOM文档对象模型  操作页面元素

XML 侧重存储数据

HTML 显示信息，展示数据

元素： 所有标签是元素

节点：页面所有内容：标签属性文本

document.getElementById("");

获取成对标签的内容用innerText

documentElementsByTagName;返回的是伪数组obj[i];

是表单标签中，DOM操作时，属性与标签是同一个用boolean类型就行了

disabled禁用     className

API(应用程序编程接口)是一些预定义函数

禁用文本框 disabled

阻止超链接跳转 return false

onmouseover鼠标进入

onmouseout鼠标离开

根据name属性获取标签 document，getElementsByName

通过类样式获取  document.getElementsByClassName

  document.querySelector("#btn")'

name 标签  类样式 选择器（queryAll）返回的是伪数组

onfocus(获取焦点 ) onblur(失去焦点)

设置标签中间的文本内容，应该使用textContent属性（ie8不支持）

设置标签中间的文本内容，应该使用innerText属性

浏览器不支持，undefined

\设置和获取标签文本内容

setInnerText(element,text) getInnerText(element)

innerText(设置文本)和innerHTML（设置html标签）

自定义属性 getAttribute("score")

移除自定义属性的值 removeAttribute

 绑定事件---解绑

事件冒泡：多个元素嵌套，有层次关系，这些元素注册了相同事件·，里面的元素事件触发了，外面的元素自动触发了

阻止事件冒泡  window.event.cancelBubble=true  (ie特有,谷歌支持，火狐不支持)

e.stopPropagation() 谷歌和火狐支持

事件三个阶段：

  1.事件捕获阶段：从外向里

  2.事件目标阶段：

 3.事件冒泡阶段： 从里向外

e.eventphase

BOM顶级对象window  alret prompt confirm(对话框不用)

window.onload=function() {} unonload(页面关闭触发) onbeforeunload(页面关闭前)

location 可获取浏览器地址的URL

hash

location.href=""//属性

location.assign()//方法

location.reload()//重新加载

location.replace()//没有历史记录

history对象  back() forword() go()

navigator对象  platform（系统） userAgent(一串字符串，麻烦)

setInterval()

参数1：函数

参数2：定时器

清理定时器 .clearInterval(timeId)