JavaScript基础精讲（三）：深入解析BOM与DOM核心概念与应用

打开和关闭窗口：

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