dom.bom

window对象：

打开和关闭窗口：

window.open()

三个参数：1.载入新窗口的页面的URL

  2.新窗口的名字

  3.特性字符串和说明是否用新载入的页面替换当前载入的页面的Boolean值。

window.close()

系统对话框：

1.alert("hello world!");

2.confirm("Are you sure?");---选择

3.prompt("你的名字是说明？","");

时间间隔

setTimeout("alert('hello world!')",3000)间隔3秒钟执行hello world只执行一次

cleanTimeout

setInterval("alert('hello world')".3000)每隔3秒中执行一次

CleanInterval

历史

window.history.go(-1)回到上一页

window.history.back回到上一页

window.history.go(1)前进一页

window.history.forward前进一页

window.history.length查询看历史中的页面数

document对象：

document.links[0]访问链接

document.images[0]或document.images["imgHome"]访问图像

document.forms[0]或document.forms["frmSubscribe"]访问表单

Location对象

href：当前载入的页面的完整的URL

DOM中最主要的节点:

1.元素节点(Elenment);

2.属性节点(Attributes);

3.文本节点(Text);

4.注释节点(Comment);

所有类型节点的通用方法:

查找：

nodeName:节点名字

nodeValue:节点的值(主要针对文本节点，如果是元素节点返回为null;)

nodeType:节点的类型

firstChild:第一个儿子*****

lastChild:第二个儿子*****

childNodes:所有的子节点*****(两种方式)////

previousSibling:指向前一个兄弟节点(同级**)；

nextSibling:指向后一个兄弟节点(同级**)；

操作：

attributes:包含了代表的一个元素的特性的Attr对象，仅用于Element节点

appendChild:添加一个新的节点在最后

removeChild:删除一个节点

replaceChild:替换

insertBefore:在...之前添加一个节点

创建：

createElement:创建一个元素节点

createTextNode:创建一个文本节点

克隆：

cloneNode：复制一个节点  true(深度复制)false(浅度复制)

访问指定的节点：

getElementById:查找指定的Id；

getElementsByTagName:查找指定元素的类型(数组的形式)；

getElementsName:查找指定元素的Name；

属性的查找，改变，设置：

getArrtibute:属性的查找；

setArrtibute：属性的改变  例如：setArribute(class，red)第一个参数是改变class，第二个设置为红色；

removeAttibute:删除属性；

覆盖，添加文本的值：

innerHTML

 元素定位后相对offsetParent的距离:
a. offsetLeft : 当前节点的左外边框到offsetParent的左内边框之间的距离。
b. offsetTop : 当前节点的上外边框到offsetParent的上内边框之间的距离。
文档宽高：元素在页面所占的空间宽高:
a. offsetWidth / offsetHeight：获取元素在页面所占的空间宽高，包含边框
b. clientWidth / clientHeight ：获取元素在页面所占的空间宽高，不包含边框
    注意：如果元素没有占页面空间，那么这四属性的值都为0
             (比如给元素设置了 display: none; 属性)
内容宽高：被内容所撑出来的高度:
a. scrollWiddth / scrollHeigt : 获取被内容所撑出来的高度
    注意：当获取body的内容宽高时，在chrome下内容宽高没有可视区宽高，
             内容宽高就是可视区的宽高。
其他浏览器， 内容的实际宽高