10 Document对象

第10章Document对象•在浏览器对象中，Document文档对象是核心，表示整个网页文档中的实际内容。使用Document对象可以访问HTML文档中的基本的元素，并可以对元素进行编程，设置元素的属性。•在浏览器对象中，Document对象是Window对象的下一层对象，Document文档对象是浏览器对象的核心对象。Document对象表示整个网页文档中的实际内容，描述当前窗口或指定窗口页面的实际内容。在HTML文档中，指从head到/body的内容。使用Document对象可以访问HTML文档中的基本的元素，并可以对元素进行编程，设置元素的属性。•在Document对象中，包括有Links对象、Anchor对象、Form对象、Images对象等对象。分别代表文档中的链接、锚点、表单、图像等元素。本章主要介绍Document对象常用的属性、方法，和它的下一级别对象，Links对象、Anchor对象和Images对象的应用。•本资料由-大学生创业|创业|创业网提供资料•在线代理|网页代理|代理网页|减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|对象•Document对象与其他的浏览器对象相同，都具有自身的属性和方法。该对象的使用是相当频繁的，而且它不需要实例化即可使用。本节讲解该对象常用的属性和方法，接下来通过5个具体的实例讲解了Document对象的4个属性和一个方法的使用，这是在网页编程过程中经常使用的。10.1.1Document对象的常用属性、方法•Document对象是Window对象的下一层对象，不需要预先实例化就可直接使用。Document对象描述当前窗口或指定窗口对象的文档，它包含了页面的实际内容，指的是html文档中从head到/body的内容。它的属性和方法一般会影响窗口的文档的外观和内容。•Document为Window对象的下一层对象，对它的引用的语法：window.document10.1.2根据title属性设置标题•Document的title属性表示HTML文档的标题，指在文档中的title.../title定义的文字。设置title属性可以改变标题栏上显示的字符串，语法格式如下：varvalue=document.title//获取标题栏的字符串document.title=”设置的标题文字”//设置标题栏上的字符串10.1.3设置文档背景颜色•在Document对象中，可以使用bgColor属性来设置文档的背景颜色。网页文档的背景颜色，通过bodybgcolor=颜色来设置。设置的背景颜色的值存放在Document对象的bgColor属性当中。通过bgColor属性可以读取和设置文档的背景颜色。如下面的代码：document.bgColor=”文档的颜色”varcolor=document.bgColor•bgColor属性值为字符串，指定文档的背景颜色。可以采用JavaScript能够识别的标准颜色名，如red、green、blue等。也可以采用RGB的颜色值，一个16位的十六进制的数字串来表示，如#3333CC、#CC0099等。10.1.4设置文本的颜色•在Document对象中，可以使用fgColor用来设置文本的颜色。它的属性值与设置背景颜色bgColor属性的值一样。设定的颜色的值，既可以采用JavaScript能够识别的标准颜色名，也可以采用RGB的颜色值。10.1.5使用all属性访问HTML元素•Document的all属性是在IE4之后增加的一个属性，包括了文档对象中的所有元素。all是一个多功能的数组，它的元素是文档中的所有HTML元素。对它的访问可表示如下。document.all[i]1．输出文档所有元素2．访问一个特定元素10.1.6使用Write向文档写入内容•Document对象方法中使用频率最高的方法就是write()方法，可以向文档中写入数据，所写入的内容当成标准文档HTML来处理。•在使用Document的write()方法时，一定要注意在页面完全加载后使用write()方法，和在页面加载时使用document.write()方法所呈现的效果是不一样的。10.2Links对象•Document对象表示整个网页文档中的实际内容，该对象包含Links对象，Links对象用于访问超链接，对应HTML的a标记，表示超链接的URL地址。10.2.1Links对象常用属性•在浏览器对象模型中，Links对象是从a标签创建而来的，与HTMLa标记相对应。JavaScript使用Links对象来访问链接。在HTML文档中的格式如下所示：Ahref=”URL”target=windowName[onClick=handlerText][onMouseOver=handlerText]linkText/A10.2.2输出链接属性•Link对象指的为超链接的URL地址。Links对象是Document对象的下一层的对象，可以通过Document对象的links数组来对Links对象进行引用。第一个元素为links[0]，第二个元素为links[1]，依次类推。links.length属性可以表示文档中存在的链接个数。10.2.3在新窗口中打开链接地址•Link对象没有特殊的方法可以使用。可以通过如onclick、onMouseDown、onMouseup、onMouseover、onMouseout等鼠标事件，完成某种行为。10.3Anchors对象•Anchors对象又称锚对象，代表一个HTML文档中的锚点链接。Anchors对象在HTML文档中是使用a标签来创建的，语法格式如下所示：Aname=”name”锚点的文字/A•在HTML文档中插入一个Aname=”name”锚点的文字/A标签，则创建一个Anchors对象，浏览器会将创建的Anchors对象放置在document.anchors[]属性数组中。使用方法与Links对象相似，同样可以使用length属性获取anchors[]数组的数目。•对于Anchors对象，可以使用name属性值作为索引在anchors数组中找到该Anchors对象，如：document.anchors[name_value]10.4Images对象•Document对象表示整个网页文档中的实际内容，包含Images对象，该对象表示插入到HTML文档中的图片，对应HTML文档的img标签。该对象具有丰富的属性，本节讲解这些属性，并通过两个实例讲解常用属性的使用。10.4.1Images对象常用属性•Image对象指插入在HTML文档中的图片，它是由标准的HTML标签img创建的。当在文档中插入一个img标签，则创建了一个Image对象。•在页面上创建的多个Image对象都存放在images数值中，与Links对象、Anchors对象一样，可以使用images数组来对文档中的图片对象进行引用。例如访问文档中的第一个图片，代码如下所示：document.images[0]10.4.2鼠标经过图像•本实例呈现的效果为，当浏览器者的鼠标经过这个图片时，改变为另一个图片。当鼠标离开图片时，又恢复为原来的图片。10.4.3改变图片的大小•在images对象中width、height表示图片的宽和高，border表示图片的边框，hspace和vspace表示图片的水平距离和垂直距离，这5个属性都使用像素为单位来进行表示。•本实例通过设置图片的width和height属性，设置图片的大小。10.5小结•本章主要介绍了Document对象和Document对象的下一层子对象。Document对象为文档对象的核心，重点掌握Document对象常用的属性、方法和事件，以及应用这些属性和方法，编写相应的程序。在Document对象中比较常用的属性是设置文档的显示样式，包括文档背景颜色的bgColor属性、字体颜色的fgColor属性以及设置超链接颜色的linkColor、alinkColor、vlinkColor属性。IE浏览器中支持Document对象中的all，可以通过all属性来判断浏览器是否为IE浏览器。它通过IE浏览器的all属性可以访问文档中的所有元素，也可以访问文档中的特定元素。•在Document对象中使用频率最高的方法为write方法，可以向文档中输入内容。但是，要注意在页面加载时调用write方法和页面完全加载时调用write方法的不同。•Document对象的下一层次对象中，比较常用的为Links对象、anchor对象和images对象。要重点掌握其常用的属性，结合它们相应的属性和方法编写程序。•本资料由-大学生创业|创业|创业网提供资料•在线代理|网页代理|代理网页|减肥药排行榜|淘宝最好的减肥药|什么减肥药效果最好|减肥瘦身药|