Dom编程

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获取事件源对象