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)