JavaScript程序设计课件：第七章 窗口和框架.ppt

高等学校计算机应用人才培养系列教材 7.* 第七章 窗口和框架 本章结构 document对象 link对象 anchor对象 image对象 使用div标签 document对象 document对象概述 document对象是客户端JavaScript最为常用的对象之一，在浏览器对象模型中，它位于window对象的下一层级。 window对象代表了浏览器窗口或者框架，而document对象则代表了窗口或者框架中的文档。 每一个window对象都有一个document属性，window对象的document属性引用的就是代表该窗口中所显示文档的document对象。 文档对象的命名规则 document.infoForm //使用表单名称访问 document.forms[0] //使用该表单在document对象 forms[]属性中的位置访问 document对象 document对象的简单属性 alinkColor：该属性指定了链接被激活时的颜色，初始值可以在文档的head标签中设置，也可以通过body标签alink属性设置。 bgColor：该属性指定了文档的背景颜色，其初始值由body标签的bgcolor属性设置。 fgColor：该属性指定了文档文本的颜色，其初始值可以在文档的head标签中设置，也可以通过body标签text属性设置。 linkColor：该属性指定了文档中未被访问过的链接的颜色，其初始值可以在文档的head标签中设置，也可以通过body标签link属性设置 location：等同与URL属性，指定了文档的URL。 title：表示位于title标签和/title标签之间的文本。 VlinkColor：该属性指定了文档中已经被访问过的链接的颜色。 document对象 document对象的数组属性 anchors[]：包含了对当前文档中所有anchor对象的引用，每一个数组元素对应一个a标记。 applets[]：包含了对当前文档中所有applet对象的引用，每一个数组元素对应一个applet标记。 embeds[]：包含了对当前文档中所有嵌入对象（插件或者ActiveX控件）的引用，每一个数组元素对应一个embed标记。 forms[]：包含了对当前文档中所有form对象的引用，每一个数组元素对应一个form标记。 images[]：包含了对当前文档中所有image对象的引用，每一个数组元素对应一个img标记。 links[]：包含了对当前文档中所有link对象的引用，每一个数组元素都代表文档中一个超文本链接。 document对象 document对象的方法 clear()：该方法用于清除文档内容，不过JavaScript并不推荐使用这个方法，相同的功能应该使用document.open()方法打开一个新文档。 close()：该方法将显示出所有已经写入文档但还没有显示出来的内容，然后关闭文档的输出流。 open([mimetype])：该方法打开一个可供写入文档内容的流，以便接下来调用write()方法将数据添加到文档中。 write(value,…)：该方法会将它的所有参数按照出现顺序写入文档中，不是字符串的参数在写入过程中将被转换成字符串。 wirteln(value,…)：该方法与write()方法类似，只不过在写入所有参数之后，会自动加上一个换行符。 link对象 link对象概述 link对象表示的是HTML文档中超文本链接或者客户端映射表中的可点击区域，在HTML文档中由a和/a标签创建，其语法如下： a href=“url” //链接的目标文件 [name=“anchorName”] //创建一个anchor对象 [target=“windowName”] //显示新文档的窗口 [onClick=“handler”] //链接被点击时的时间处理器 ………… //其他的事件处理器 ………………………… //链接中的可见文本 /a link对象 link对象的属性 hash：该属性表示URL引用的对象中的一个锚的名字。 host：该属性表示URL中的主机名和端口号的组合。 hostname：该属性表示URL中含有的主机名。 href：该属性表示完整的URL。 length：