11锚点与图像对象
锚点对象(ANCHORS)
当文档中包含<A>标记时,JavaScript自动建立相对应的锚点对象。这些对象可以用document的anchors属性,搭配数组的索引方式来进行访问控制。例如:文件中的第一个锚点对象,叫做document. anchors [0], 第二个锚点对象,叫做document. anchors [1],依次类推。
1.语法
document.锚点名.属性
document.锚点名.方法
或
document.anchors[].属性 document.anchors[].方法
2.属性
name 表示锚点的名称。
链接对象(LINKS)
无论是文字、图形或图像映射,只要是用来作为超级链接用的对象,JavaScript自动建立相对应的链接对象。这些对象可以用document的links属性,搭配数组的索引方式来进行访问控制。例如:文件中的第一个链接对象,叫做document.links[0], 第二个链接对象,叫做document.links[1],依次类推。
1.语法
document.链接名.属性
document. 链接名.方法
或
document.links[].属性
document.links[].方法
2.属性
hash 表示URL字符串中锚点的名称。
host 表示主机域名或IP地址。
hostname 表示URL当中的host与port的部分。
href 完整的URL字符串。
pathname 表示URL当中的目录路径(path)部分。
port 表示URL当中的通信端口(port)部分。
protocol 表示URL当中的通信协议部分
search 表示URL当中的查询字符串部分。
target 代表目标的窗口,即HTML中的TARGET属性
text 表示A标记中的文字。
3.事件
onClick、onDblClick、onKeyDown、onKeyPress、onKeyUp、onMouseOver、onMouseUp、onMouseOut、onMouseDown
4.举例
5.1.11图像对象(IMAGES)
当文件中包含<IMG>标记时,JavaScript自动建立相对应的图像对象。这些对象可以用document的images属性,搭配数组的索引方式来进行访问控制。例如:文件中的第一个图像对象,叫做document. images [0], 第二个图像对象,叫做document. images [1],依次类推。
1.建立图像对象:new image([宽度,][高度])
2.属性
src 图像的URL,SRC属性。
border 图像的边框,<IMG>标记的BORDER属性。
width 图像的宽度,WIDTH属性。
height 图像的高度,HEIGHT属性。
hspace 图像水平空白,HSPACE属性。
vspace 图像垂直空白,VSPACE属性。
lowsrc 图像的第分辨率版本,LOWSRC属性。
complete 表示浏览器是否完成了图像的加载,一个布尔值。
3.事件: onAbort、onError、onLoad、onKeyDown、onKeyPress、onKeyUp
表单对象(FORM)
表单对象(Form)提供一个让客户端输入文字或进行选择的功能,例如:单选按钮、复选框、选择列表等。由<FORM>标记组构成,JavaScript自动建立一个表单对象,并将用户端的信息送至服务器进行处理。表单对象是文件对象的子对象,同时,它也包含许多子对象。
1.表单对象的使用格式
document.forms[索引值].属性 document.forms[索引值].方法(参数群)
或
document.表单名称.属性
document.表单名称.方法(参数群)
2.常用属性
Name:表单名,相当于<FORM>标记的name属性
Action:相当于<FORM>标记的ACTION属性。
Method:输入窗体的数据传送到服务器上的方式,即(FORM)标记中的METHOD属性。
Elements:表单中的所有控件,以数组索引值表示
Length:表单中的控件的个数。
2.常用属性
Checkbox:复选框,(该属性本身也是一个对象)。
Hidden:<INPUT TYPE=”HIDDEN”>隐藏对象。
Button:<INPUT TYPE=”BUTTON”>按钮,(该属性本身也是一个对象)。
Radio:单选按钮,(该属性本身也是一个对象)。
Reset:复位按钮,(该属性自身也是一个对象)。
Submit:提交按钮,(该属性本身也是一个对象)。
Text:单行文本,(该属性本身也是一个对象)。
Textarea:多行文本,(该属性本身也是一个对象)。
Select:<SELECT>选择框,(该属性本身也是一个对象)。
3.常用方法
Submit() 提交表单(与Submit按钮的作用相同)。
reset() 重写表单(与使用reset按钮的作用相同)。