JavaScript程序设计（第2版）01.文档（document）对象.pptVIP

* * 文档（document）对象 本讲大纲： 1、 document对象概述 2、文档对象的常用属性、方法与事件 3、文档对象的应用 document对象概述 文档对象（document）代表浏览器窗口中的文档，该对象是window对象的子对象，由于window对象是DOM对象模型中的默认对象，因此window对象中的方法和子对象不需要使用window来引用。通过document对象可以访问HTML文档中包含的任何HTML标记并可以动态的改变HTML标记中的内容。例如表单、图像、表格和超链接等。该对象在JavaScript 1.0版本中就已经存在，在随后的版本中又增加了几个属性和方法。document对象层次结构如图7-1所示。 图7- 1 document对象层次结构 文档对象的常用属性、方法与事件 1．document对象的属性 　 document对象常用的属性及说明如表7-1所示。 表7-1 document对象属性及说明 属性 说明 alinkColor 链接文字的颜色，对应于 all[] 存储 anchors[] 存储锚点的一个数组。 bgColor 文档的背景颜色，对应于 cookie 表示 fgColor 文档的文本颜色 forms[] 存储窗体对象的一个数组 fileCreatedDate 创建文档的日期 fileModifiedDate 文档最后修改的日期 fileSize 当前文件的大小 lastModified 文档最后修改的时间 images[] 存储图像对象的一个数组 linkColor 未被访问的链接文字的颜色，对应于 links[] 存储 vlinkColor 表示已访问的链接文字的颜色，对应于 title 当前文档标题对象 body 当前文档主体对象 readyState 获取某个对象的当前状态 URL 获取或设置 2．document对象的方法 document对象的常用方法和说明如表7-2所示。 表7-2 document对象方法及说明 方法 说明 close 文档的输出流 open 打开一个文档输出流并接收 write 向文档中写入 writeln 向文档中写入 createElement 创建一个 getElementById 获取指定 2．document对象的事件 文档对象有onload事件和onunload事件。onload事件发生于装载网页后，onunload事件发生于离开网页前。 例7-1 下面通过单击如图7-2所示的按钮后将打开一个新窗口，并在窗口中输出新的内容如图7-3所示。 文档对象的应用 图7- 2 显示按钮 图7- 3 输出的新内容 程序代码如下。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title打开新窗口并输出内容/title script language=javascript !-- function oc(){ var dw; dw=window.open(); dw.document.open(); dw.document.write(htmlheadtitle一个新的窗口/title); dw.document.write(/headbody);dw.document.write(img name=i1 src=flower.jpg width=400 height=200br) dw.document.write(富贵牡丹br); dw.document.write(/body/html); dw.document.close(); } -- /script /head body input type=button value=打开一个新文档 onclick=oc();/ /body /html * * *