HTML DOM常用对象

2020-04-17 05:24

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鼠标被移开

例子: onmouseover鼠标移到某个元素之上 onmouseup鼠标按键被松开 6) onload与onunload 前者加载图片或者页面


HTML DOM常用对象.doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:泉州师范学院文件

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: