JavaScript中的其他对象
JavaScript中的其他对象
发布时间:2016-12-30 来源:查字典编辑
摘要:anchors[];links[];Link连接对象用法:document.anchors[[x]];document.links[[x]]...

anchors[];links[];Link连接对象

用法:document.anchors[[x]];document.links[[x]];<anchorId>;<linkId>

document.anchors是一个数组,包含了文档中所有锚标记(包含name属性的<a>标记),按照在文档中的次序,从0开始给每个锚标记定义了一个下标。

document.links也是一个数组,包含了文档中所有连接标记(包含href属性的<a>标记和<map>标记段里的<area>标记),按照在文档中的次序,从0开始给每个连接标记定义了一个下标。

如果一个<a>标记既有name属性,又有href属性,则它既是一个Anchor对象,又是一个Link对象。

在IE中,如果在<a>标记中添加“id="..."”属性,则这个<a>对象被赋予一个标识(ID),调用这个对象的时候只需要使用“<id>”就行了。很多文档部件都可以用这个方法来赋予ID,但要注意不能有两个ID相同。

anchors和links作为数组,有数组的属性和方法。单个Anchor对象没有属性;单个Link对象的属性见下。

属性

protocol;hostname;port;host;pathname;hash;search;href与location对象相同。

target返回/指定连接的目标窗口(字符串),与<a>标记里的target属性是一样的。

事件

onclick;onmouseover;onmouseout;onmousedown;onmouseup

applets[]Java小程序对象它是一个数组,包含了文档中所有的Applet对象(Java小程序)。作为一个数组,有数组的属性和方法。关于单个Applet对象的属性和方法,我引用一句话:“Applet对象继承了Java小程序的所有公共属性和方法。”(英文原句:TheAppletobjectinheritsallpublicpropertiesoftheJavaapplet./TheAppletobjectinheritsallpublicmethodssoftheJavaapplet.)因为本人很厌恶Java小程序,所以对它的什么“公共”“私有”的问题不感兴趣,也就没有探讨了。

embeds[]插件对象它是一个数组,包含了文档中所有的插件(<embed>标记)。因为每个插件的不同,每个Embed对象也有不同的属性和方法。

forms[];Form表单对象document.forms[]是一个数组,包含了文档中所有的表单(<form>)。要引用单个表单,可以用document.forms[x],但是一般来说,人们都会这样做:在<form>标记中加上“name="..."”属性,那么直接用“document.<表单名>”就可以引用了。

Form对象的属性

name返回表单的名称,也就是<formname="...">属性。

action返回/设定表单的提交地址,也就是<formaction="...">属性。

method返回/设定表单的提交方法,也就是<formmethod="...">属性。

target返回/设定表单提交后返回的窗口,也就是<formtarget="...">属性。

encoding返回/设定表单提交内容的编码方式,也就是<formenctype="...">属性。

length返回该表单所含元素的数目。

方法

reset()重置表单。这与按下“重置”按钮是一样的。

submit()提交表单。这与按下“提交”按钮是一样的。

事件

onreset;onsubmit

以下从“Button”到“Textarea”都是表单的元素对象。

Button按钮对象由“<inputtype="button">”指定。引用一个Button对象,可以使用“<文档对象>.<表单对象>.<按钮名称>”。<按钮名称>指在<input>标记中的“name="..."”属性的值。引用任意表单元素都可以用这种方法。

属性

name返回/设定用<inputname="...">指定的元素名称。

value返回/设定用<inputvalue="...">指定的元素的值。

form返回包含本元素的表单对象。

方法

blur()从对象中移走焦点。

focus()让对象获得焦点。

click()模拟鼠标点击该对象。

事件

onclick;onmousedown;onmouseup

Checkbox复选框对象由“<inputtype="checkbox">”指定。

属性

name返回/设定用<inputname="...">指定的元素名称。

value返回/设定用<inputvalue="...">指定的元素的值。

form返回包含本元素的表单对象。

checked返回/设定该复选框对象是否被选中。这是一个布尔值。

defaultChecked返回/设定该复选框对象默认是否被选中。这是一个布尔值。

方法

blur()从对象中移走焦点。

focus()让对象获得焦点。

click()模拟鼠标点击该对象。

事件

onclick

elements[];Element表单元素对象<表单对象>.elements是一个数组,包含了该表单所有的对象。一般我们不用该数组,而直接引用各个具体的对象。

Hidden隐藏对象由“<inputtype="hidden">”指定。

属性

name返回/设定用<inputname="...">指定的元素名称。

value返回/设定用<inputvalue="...">指定的元素的值。

form返回包含本元素的表单对象。

Password密码输入区对象由“<inputtype="password">”指定。

属性

name返回/设定用<inputname="...">指定的元素名称。

value返回/设定密码输入区当前的值。

defaultValue返回用<inputvalue="...">指定的默认值。

form返回包含本元素的表单对象。

方法

blur()从对象中移走焦点。

focus()让对象获得焦点。

select()选中密码输入区里全部文本。

事件

onchange

Radio单选域对象由“<inputtype="radio">”指定。一组Radio对象有共同的名称(name属性),这样的话,document.formName.radioName就成了一个数组。要访问单个Radio对象就要用:document.formName.radioName[x]。

单个Radio对象的属性

name返回/设定用<inputname="...">指定的元素名称。

value返回/设定用<inputvalue="...">指定的元素的值。

form返回包含本元素的表单对象。

checked返回/设定该单选域对象是否被选中。这是一个布尔值。

defaultChecked返回/设定该对象默认是否被选中。这是一个布尔值。

方法

blur()从对象中移走焦点。

focus()让对象获得焦点。

click()模拟鼠标点击该对象。

事件

onclick

Reset重置按钮对象由“<inputtype="reset">”指定。因为Reset也是按钮,所以也有Button对象的属性和方法。至于“onclick”事件,一般用Form对象的onreset代替。

Select选择区(下拉菜单、列表)对象由“<select>”指定。

属性

name返回/设定用<inputname="...">指定的元素名称。

length返回Select对象下选项的数目。

selectedIndex返回被选中的选项的下标。这个下标就是在options[]数组中该选项的位置。如果Select对象允许多项选择,则返回第一个被选中的选项的下标。

form返回包含本元素的表单对象。

方法

blur()从对象中移走焦点。

focus()让对象获得焦点。

事件

onchange

options[];Option选择项对象options[]是一个数组,包含了在同一个Select对象下的Option对象。Option对象由“<select>”下的“<options>”指定。

options[]数组的属性

length;selectedIndex与所属Select对象的同名属性相同。

单个Option对象的属性

text返回/指定Option对象所显示的文本

value返回/指定Option对象的值,与<optionsvalue="...">一致。

index返回该Option对象的下标。对此并没有什么好说,因为要指定特定的一个Option对象,都要先知道该对象的下标。这个属性好像没有什么用。

selected返回/指定该对象是否被选中。通过指定true或者false,可以动态的改变选中项。

defaultSelected返回该对象默认是否被选中。true/false。

Submit提交按钮对象由“<inputtype="submit">指定。因为Submit也是按钮,所以也有Button对象的属性和方法。至于“onclick”事件,一般用Form对象的onsubmit代替。

Text文本框对象由“<inputtype="text">”指定。Password对象也是Text对象的一种,所以Password对象所有的属性、方法和事件,Text对象都有。

Textarea多行文本输入区对象由“<textarea>”指定。Textarea对象所有的属性、方法和事件和Text对象相同,也就是跟Password对象一样。

images[];Image图片对象document.images[]是一个数组,包含了文档中所有的图片(<img>)。要引用单个图片,可以用document.images[x]。如果某图片包含“name”属性,也就是用“<imgname="...">”这种格式定义了一幅图片,就可以使用“document.images['...']”这种方法来引用图片。在IE中,如果某图片包含ID属性,也就是用“<imgid="...">”这种格式定义了一幅图片,就可以直接使用“<imageID>”来引用图片。

单个Image对象的属性

name;src;lowsrc;width;height;vspace;hspace;border这些属性跟<img>标记里的同名属性是一样的。在Netscape里,除了src属性,其它属性(几乎全部)都不能改的,即使改了,在文档中也不能显示出效果来。这些属性最有用的就是src了,通过对src属性赋值,可以实时的更改图片。

事件

onclick

不显示在文档中的Image对象

不显示在文档中的Image对象是用var语句定义的:

varmyImage=newImage();或

varmyImage=newImage(<图片地址字符串>);

然后就可以像一般Image对象一样对待myImage变量了。不过既然它不显示在文档中,以下属性:lowsrc,width,height,vspace,hspace,border就没有什么用途了。一般这种对象只有一个用:预读图片(preload)。因为当对对象的src属性赋值的时候,整个文档的读取、JavaScript的运行都暂停,让浏览器专心的读取图片。预读图片以后,浏览器的缓存里就有了图片的Copy,到真正要把图片放到文档中的时候,图片就可以立刻显示了。现在的网页中经常会有一些图像连接,当鼠标指向它的时候,图像换成另外一幅图像,它们都是先预读图像的。

预读图像的JavaScript例子

varimagePreload=newImage();

imagePreload.src='001.gif';

imagePreload.src='002.gif';

imagePreload.src='003.gif';

以上例子适合预读少量图片。

functionimagePreload(){

varimgPreload=newImage();

for(i=0;i<arguments.length;i++){

imgPreload.src=arguments[i];

}

}

imagePreload('001.gif','002.gif','003.gif','004.gif','005.gif');

以上例子适合预读大量图片。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类