第06章文档对象.pptVIP

* 第六章 完 清华大学出版社 * * * 第6章JavaScript常用文档对象 乔小燕 * 第6章 文档对象 主要内容 文档对象 窗体对象 锚点与链接对象 图像对象 文档(document)对象是浏览器窗口对象的一个主要部分，它包含了网页显示的各个元素对象。 6.1 文档对象 6.1.1 document对象概述 5.1.1 文档对象概述 document对象的属性 属性 说明 alinkColor 链接文字的颜色，对应于body标记中的alink属性 all[] 存储HTML标记的一个数组(该属性本身也是一个对象) anchors[] 存储锚点的一个数组。(该属性本身也是一个对象) bgColor 文档的背景颜色，对应于body标记中的bgcolor属性 cookie 表示cookie的值 fgColor 文档的文本颜色(不包含超链接的文字)对应于body标记中的text属性值 forms[] 存储窗体对象的一个数组(该属性本身也是一个对象) fileCreatedDate 创建文档的日期 fileModifiedDate 文档最后修改的日期 fileSize 当前文件的大小 lastModified 文档最后修改的时间 images[] 存储图像对象的一个数组(该属性本身也是一个对象) linkColor 未被访问的链接文字的颜色，对应于body标记中的link属性 links[] 存储link对象的一个数组(该属性本身也是一个对象) vlinkColor 表示已访问的链接文字的颜色，对应于body标记的vlink属性 title 当前文档标题对象 body 当前文档主体对象 readyState 获取某个对象的当前状态 URL 获取或设置URL 5.1.2 文档对象的常用属性，方法与事件 document对象的方法 方法 说明 close 文档的输出流 open 打开一个文档输出流并接收write和 writeln方法的创建页面内容 write 向文档中写入HTML或JavaScript语句 writeln 向文档中写入HTML或JavaScript语句， 并以换行符结束 createElement 创建一个HTML标记 getElementById 获取指定id的HTML标记 文档对象的常用属性，方法与事件 getElementById() 按元素的ID名称来访问 getElementsByName() 按元素的name名称来访问 getElementsByTagName() 按标签来访问 三种访问页面元素的区别 * 三种访问页面元素的区别 演示示例： document的方法应用 document对象的事件 文档对象有onload事件和onunload事件。onload事件发生于装载网页后，onunload事件发生于离开网页前。 文档对象的常用属性，方法与事件 html head 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‘ br) dw.document.write(富贵牡丹br); dw.document.write(/body/html); dw.document.close(); } -- /script/head bodyinput type=button value=打开新文档 onclick=oc();//body /html 6.1.3 文档对象的应用 6.2.1 窗体对象(form)概述： 窗体对象是文档对象的一个元素，它包含多种格式的对象信息，使用它可以在JavaScrip脚本中编写程序进行文字输入，并可以用来动态改变文档的行为。 表单验证需要使用到窗体对象的属性，方法和事件。 form对象包含一个elements[ ] 数组，每个元素用于表示表单元素的值。 6.2 窗体对象 窗体对象概述 窗体对象属性 6.2.2 窗体对象的常用属性、方法与事件 属性 说明 action 表示表单数据所要提交