Documentobject model:文档对象模型
将文档中的标签封装成对象,对对象进行操作,可动态操作文档
Dom三层模型
Dom1:将html文档封装成对象
Dom2:将xml文档封装成对象
Dom3:将xml文档封装成对象
DOM树 将标签封装成节点。
DHTML 动态html。
小练习:
获取节点信息:(获取父节点,子节点)
节点类型:
标签型节点。 类型:1
文本型节点。 类型:3
如:<div>abc</div>
Div是标签节点,abc就是文本型节点
注释型节点。类型:8
属性型节点。类型:2
Document。类型:9
获取节点可以通过节点的层次关系完成
也可以通过document对象完成
getElementById
getElementsByName
getElementsByTagName
attributes 获取属性
递归获取所有节点:
Document(浏览器空白内容显示框就是document对象)
Window对象:(代表浏览器中一个打开的窗体)
navigator对象:
包含关于web浏览器的信息
history对象
location对象
Screen对象:
Window对象下的方法
confirm():显示一个确认对话框
moveBy(20,56):窗口位置偏移指定像素
moveTo(40,45):移动到指定位置
prompt();可输入的对话框, 返回输入对话框的值
open();打开新窗口返回一个对象
三个参数:1,指定url(index.html)
2,新开窗口位置(_blank)
3,新开窗口包含的内容,属性(height,width,menubarscrollbars)
setTimeout(“”,second) 指定时间后执行对应方法
setInterval(“”,second) 每隔指定时间后执行对应方法,该方法会返回一个id
clearInterval(id) 传入上面的id就可以结束上面事件
window下事件
onload 打开窗体
onunload 关闭窗体后
onbeforeunload 关闭窗体前
event对象:
keyCode获取键盘录入
returnValue返回值
srcElement获取事件源对象