第四章 Document对象 JavaScript及网页特效制作课件.ppt

第四章 Document对象 本章案例 本章目标 预习检查 Document对象概览 每个window对象都有Document属性，该属性表示在窗口中显示的HTML文档的Document对象。Document对象可能是客户端JavaScript中最常用的对象。 Document对象常用属性 Document对象主要有如下属性： Document对象常用属性 bgColor属性 Document对象常用属性 Document对象常用属性 images属性 使用images属性可获取页面所有图片标签img集合。 document.images Document对象属性 Document对象属性 forms属性 可以使用document.forms属性来定位表单对象或者元素，可以使用document.forms[i]来定位一个具体的表单元素。例如：为获取文档中的第三个表单的名称为”address”的输入文本域中的值，可以使用如下代码： myaddress = document.forms[2].testphone.value; Document对象属性 Document对象属性 课堂练习 使用document对象的links属性为当前页面所有超链接动态绑定onclick事件，单击每个链接时，弹出该链接href属性值。 Document对象常用方法 除去已经使用过的write方法，document对象还提供了以下常用方法： Document对象常用方法 write()和writeln()方法 两种方法都是将文档送到其他窗口内的文档中显示，唯一的区别在与writeln()方法在传送到文档中的字符串末尾附加一个回车符。 Document对象常用方法 课堂练习 使用document.write()方法向页面输出一个表格 Body对象 Document 对象在HTML 文档中并没有使用任何显式标记来描述，但JavaScript 脚本将其作为文档设置的入口，这些设置的内容又作为body 元素的内在属性在HTML 中描述。 Body对象 Body对象 body 对象也提供了这几个属性的别名来访问文档中的各项与颜色相关的内容，如body 元素对象的aLink 属性、link 属性和vLink 属性分别对应于Document 对象的alinkColor 属性、linkColor属性和vlinkColor 属性，而text 属性则对应于Document 对象的fgColor 属性。可使用如下代码获取： document.body.aLink document.body.bgColor document.body.link document.body.text document.body.vLink document.body.background Body对象常用属性 Body对象常用方法 总结 什么是Document对象？ Document对象有哪些常用属性和方法？ Body对象有哪些常用属性和方法？ 作业 * * JavaScript与网页特效制作 定位指定元素 动态生成文档 了解Document对象的含义 掌握Document对象的常用属性 掌握Document对象的常用方法 提问 什么是Document对象？ Document对象的常用属性有哪些？ Document对象的常用方法有哪些？ 表示文档的URL地址 URL 表示文档的标题栏文本内容 title 表示文档中所有链接对象及它们形成的数组 link、links 表示文档最后的修改时间 lastModified 表示文档中所有图片对象及它们形成的数组 image、images 表示文档中所有表单对象及它们形成的数组 form、forms 表示body标记的fgColor属性值 fgColor 表示文档的cookie值 cookie 表示body标记的bgColor属性值 bgColor 表示文档中所有的锚点对象及形成的数组 anchor、anchors 说明 属性名称 使用bgColor属性修改页面背景颜色。 在BODY标签中拥有bgColor属性，可以修改当前文档的背景颜色，使用Document对象的bgColor属性同样可以做到这一点。 htmlheadtitlebgColor属性/title script type=text/javaScript function changeColor() { document.bgColor += 0X000; } /script /head body input type=button onclick=changeColor(); value=改变页面背景颜色 / /body/html 演示程序示例1.