HTML DOM总结
一、 History对象
history属性length(历史页面的个数) document.write(history.length);
效果:
history的对象方法: 1) back()返回上一个页面 2) forward()前进一个页面
3) go()返回或者前进具体某个页面(参数可以正负) 也就是history.go(-2)跟按2次history.back()一样效果
二、 document对象
1) document对象集合 集合 描述
all[0]
document.all[i]
返回文档所以html元素引document.all[name] 用 anchors[]
返回文档锚的引用
document.all.tags[tagname] document.anchors.length document.anchors[0].innerHTML
用法第一个锚
forms[]
返回文档中的表格
document.forms[0].name 等于
document.getElementById(“a”).name
images[] 返回图片对象 links[]
返回连接的对象
同锚 同锚
2) document对象方法
getElementById() 返回指定ID的第一个对象引用 getElementByName()返回指定名称的对象集合 getElementByTagName()返回指定标签名的对象集合 open() 打开一个首级document.wirte()的流 close()结束上面的document.open()的流 write()或者writeln()
3)
三、 Anchor
用法:
返回到上面的锚 属性:
1)accessKey:document.getElementById(“a”).accessKey=”s” 按Alt+s就可以
2)href,id,name,innerHTML 3)target:
_blank - 在一个新的未命名的窗口载入文档 _self - 在相同的框架或窗口中载入目标文档
_parent - 把文档载入父窗口或包含了超链接引用的框架的框架集
_top - 把文档载入包含该超链接的窗口,取代任何当前正在窗口中显示的框架
例子:
document.getElementById(“myAnchor”).target=”_blank”; 方法:
focus() 获得焦点
效果:
blur()失去焦点
效果:
四、 Event对象
常用的属性: 1) onchange
注意:当前元素失去焦点并且元素的内容发生改变而触发的事件 [鼠标与键盘的触发均
可]所以说当对象的value被脚本改变时不会触发onChange事件,因为用户即没有动鼠标又没动键盘.
onpropertychange:能及时捕获属性值的变化
2) onclick(单击)和ondbclick(双击) 3) onfocus得到焦点onblur失去焦点 4) onkeydown某个按键被按下 onkeypress某个按键被按下并松开 onkeyup某个按键被松开 注意:
IE下的事件是window.event获取按键的event.keyCode FireFox/Opera的事件是event.which获取按键event.which 例子:
5) onmousedown鼠标被按下 onmousemove鼠标被移开
例子: