Javascritp简单总结

DOM

节点

增

凭空创造

document.write(); //不常用 因为比较容易覆盖原来的页面 
innerHTML; //用得比较多 绑定属性与内容比较方便
document.createElement;	//也是比较多的，指定数量一般用它

删

父节点.removeChild（子节点）；必须指定要删除的子节点
node.parentNode.removeChild(node)

复

新节点=要复制的节点.cloneNode(参数) ; 参数可选复制节点

查

document.getElementById("demo");
document.getElementsByTagName("div");
document.getElementsByClassName("a");
.parentNode
.children：非标准属性，它返回指定元素的子元素集合。

节点属性

获取：getAttribute(名称)
设置：setAttribute(名称, 值)
删除：removeAttribute(名称)
注意：IE6、7不支持。

节点的值

node.innerHTML

 

节点样式

div.style.width=”200px”;
div.className += “ hide”;	

事件绑定

事件注册

addEventListener(“click”,fn);
div.onclick = function(){}

移除事件

removeEventListener
element.onclick = null;

 

BOM

浏览器对象模型(window对象是JavaScript中的顶级对象)

location对象

设置location.href  就会调用assign()。一般使用location.href 进行页面之间的跳转(重定向)

history对象

后退
history.back()
history.go(-1)    0是刷新
前进
history.forward()
history.go(1)

打开窗口

window.open(url,target,param)
url 要打开的地址
target新窗口的位置 _blank  _self  _parent(父框架)
param 新窗口的一些设置
返回值，新窗口的句柄
window.close()  关闭窗口

定时器

循环执行

var timerId = setInterval(code,interval);
clearInterval(timerId);

指定时间执行一次

var timerId = setTimeout(code,interval);
clearTimeout(timerId);