document怎么用

1.浏览器对象中的document如何使用使用浏览器对象1.文档对象模型 文档对象模型(Document Obiect Model,简称DOM)是用于表示HTML元素以及Web浏览器信息的一个模型,它使脚本能够访问Web页上的信息,并可以访问诸如网页位置等特殊信息 。
通过操纵文档对象模型中对象的属性并调用其方法,可以使脚本按照一定的方式显示Web页并与用户的动作进行交互 。对于不同的脚本语言,通常都具有一个DOM的子集,以便在特定的脚本语言中实现对象模型 。
例如,JavaScript在其语言中就有一个对象模型 。对于Intemet Explorer,Microsoft公司专门为其创建了一个对象模型 。
使用为浏览器创建对象模型的方式使得对象模型与语言无关,从而可以获得更强的可扩展性 。JavaScript对象模型和IE对象模型非常相象,它们包含相似的对象和事件,反映了如图所示的对象层次结构: window 。
..document 。.anchor,applet,area,embed,image,link, form 。
..button,checkbox,fileupload, hidden,option,password,fadio,reset,select submit,text,textarea。
..event,fraem,history,location,screen, navigator 。.mimetype,plugin 在该层次结构中,最高层的对象是窗口对象(window),它代表当前的浏览器窗口;之下是文档(document)、事件(event)、框架(frame)、历史(history)、地址(location)、浏览器(navigator)和屏幕(screen)对象;在文档对象之下包括表单(form)、图像(image)和链接(1ink)等多种对象;在浏览器对象之下包括MIME类型对象(mimeType)和插件(plugin)对象;在表单对象之下还包括按钮(button)、复选框(checkbox)、文件选择框(fileUpload)等多种对象 。
了解了浏览器对象的层次结构之后,我们就可以用特定的方法引用这些对象,以便在脚本中正确地使用它们 。在JavaScript中引用对象的方式与典型的面向对象方法相同,都是根据对象的包含关系,使用成员引用操作符(.)一层一层地引用对象 。
例如,如果要引用document对象,应使用window.document;如果要引用location对象,应使用window.location 。由于window对象是默认的最上层对象,因此引用它的子对象时,可以不使用window.,也就是说,可以直接用document引用document对象,用location引用location对象 。
当引用较低层次的对象时,一般有两种方式——使用对象索引或使用对象名称(或ID) 。例如,如果要引用文档中的第一个表单对象,则可以用document.forms[0]来引用;如果该表单的name属性为 form1 (或者 ID属性为 form1),则可以用document.forms["form1"]或直接用document.form1来引用该表单 。
同样,如果在名称为form1的表单中包括一个名称为myText的文本框,则可以用document.form1.myText来引用该文本框对象 。说明:由于name和ID属性的值使用相同的名字空间,因此最好只使用其中一种,以免造成混淆 。
也就是说,在FORM标记符中,最好只指定name属性和ID属性中的一种,并且不论是名称还是ID,都不能重复 。对应于不同的对象,通常还有一些特殊的引用方法 。
例如,如果要引用表单对象中包含的对象,可以使用elements数组;如果要引用文档对象中包含的某个标记符对象(例如 P 对象),可以使用document对象的all属性,等等 。2.document对象 document对象代表当前浏览器窗口中的文档,使用它可以访问到文档中的所有其他对象(例如图像、表单等),因此该对象是实现各种文档功能的最基本对象 。
1.document对象的常用属性 document对象最常用的属性如下:all 表示文档中所有HTML标记符的数组; bgcolor 表示文档的背景颜色; forms 表示文档中所有表单的数组; title 表示文档的标题 。例如,以下示例显示了all属性和bgcolor属性的用法,效果 。