JavaScript权威指南

一、添加事件监听器

window.addEventListener("load",function(){......},false};
window.attachEvent("onload",function(){......});    //IE8以及之前的浏览器

二、Window对象
（1）计时器
可以用来注册在指定的时间之后单次或重复调用的函数。
Window对象的setTimeout()方法用来实现一个函数在指定的毫秒数之后运行。
setTimeout()返回一个值，这个值可以传递clearTimeout()用于取消这个函数的执行。
setInterval()和setTimeout()一样，只不过这个函数会在指定毫秒数间隔里重复调用；

setInterval(updateClock,60000);     //每60秒调用一次updateClock()

setInterval()也返回一个值，这个值可以传递给clearInterval(),用于取消后续函数的调用
setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次 ；
setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 ,重复执行；

（2）浏览器的定位和导航

window.location="url"

（3）浏览历史
History对象是用来把窗口的浏览历史用文档和文档状态列表的形式表示，其length属性表示浏览历史列表中的元素数量。back()和forward()方法与浏览器的“后退”和“前进”按钮一样。go()接受一个整数参数，可以在历史列表向前（正参数）或向后（负参数）跳过任意多个页。
history.go(-2); //后退两个历史记录，相当于单击“后退”按钮两次

（4）浏览器和屏幕信息
Navigator对象
Screen对象

（5）对话框
alert() //向用户显示一条信息并等待用户关闭对话框
confirm() // 显示一条信息，要求用户单击“确定”或“取消”按钮，并返回一个布尔值。
prompt() //显示一条消息，等待用户输入字符串，并返回那个字符串

（6）打开和关闭窗口
window.open() //有参数
window.close()

二、DOM操作
（1）选取文档元素
a、通过id选取元素
b、通过名字选取元素

<form name="form1"></form>
var formName=document.getElementsByName("form1")

c、通过标签名TagName选取元素
d、通过CSS类选取元素getElementsByClassName() //IE8及以前的浏览器不兼容
e、通过CSS选择器选取元素
querySelectorAll()、querySelector()
f、document.all[]

document.all[0]              //文档中的第一个元素
document.all["navbar"]     //id或name为"navbar"的元素（或多个元素）
document.all.navbar       //同上
document.all.tags("div")     //文档中所有的<div>元素
document.all.tags("p")[0]      //文档中第一个<p>元素

(2)文档结构和遍历
parentNode
该节点的父节点，或者针对类似Document对象应该是null,因为它没有父节点
childNodes
只读的类数组对象（NodeList对象），它是该节点的子节点的实时表示
firstChild、lastChild
该节点的子节点中的第一个和最后一个，如果该节点没有子节点则为null
nextSibling、previousSibling
该节点的兄弟节点中的前一个和下一个。具有相同父节点的两个节点为兄弟节点。
nodeType
该节点的类型。9代表Document节点，1代表Element节点，3代表Text节点，8代表Comment节点，11代表DocumentFragment节点
nodeValue
Text节点或Comment节点的文本内容
nodeName
元素的标签名，以大写形式表示

（3）获取和设置非标准HTML属性
element.getAttribute(“width”); //获取属性
element.steAttribute(“class”,”classname”) //设置属性
element.hasAttribute(); //用来检测命名属性是否存在
element.removeAttribute(); //完全删除属性

(4)创建、插入和删除节点
document.createTextNode(“文本内容”);
appendChild()/insertBefore()
removeChild()/replaceChild() 删除或替换节点