教程1.课件第七章

1、JavaScript程序设计贾素玲 王强 主编张剑 曹爽 董亮 编著 第七章 窗口和框架本章结构document对象link对象anchor对象image对象使用div标签document对象document对象概述document对象是客户端JavaScript最为常用的对象之一，在浏览器对象模型中，它位于window对象的下一层级。window对象代表了浏览器窗口或者框架，而document对象则代表了窗口或者框架中的文档。每一个window对象都有一个document属性，window对象的document属性引用的就是代表该窗口中所显示文档的document对象。文档对象的命名规则do

2、Form /使用表单名称访问document.forms0 /使用该表单在document对象 forms属性中的位置访问document对象document对象的简单属性alinkColor：该属性指定了链接被激活时的颜色，初始值可以在文档的标签中设置，也可以通过标签alink属性设置。bgColor：该属性指定了文档的背景颜色，其初始值由标签的bgcolor属性设置。fgColor：该属性指定了文档文本的颜色，其初始值可以在文档的标签中设置，也可以通过标签text属性设置。linkColor：该属性指定了文档中未被访问过的链接的颜色，其初始值可以在文档的标签中设置，也

3、可以通过标签link属性设置location：等同与URL属性，指定了文档的URL。title：表示位于标签和标签之间的文本。VlinkColor：该属性指定了文档中已经被访问过的链接的颜色。document对象document对象的数组属性anchors：包含了对当前文档中所有anchor对象的引用，每一个数组元素对应一个标记。applets：包含了对当前文档中所有applet对象的引用，每一个数组元素对应一个标记。embeds：包含了对当前文档中所有嵌入对象（插件或者ActiveX控件）的引用，每一个数组元素对应一个标记。forms：包含了对当前文档中所有form对象的引用，每一个数组元素

4、对应一个标记。images：包含了对当前文档中所有image对象的引用，每一个数组元素对应一个标记。links：包含了对当前文档中所有link对象的引用，每一个数组元素都代表文档中一个超文本链接。document对象document对象的方法clear()：该方法用于清除文档内容，不过JavaScript并不推荐使用这个方法，相同的功能应该使用document.open()方法打开一个新文档。close()：该方法将显示出所有已经写入文档但还没有显示出来的内容，然后关闭文档的输出流。open(mimetype)：该方法打开一个可供写入文档内容的流，以便接下来调用write()方法将数据添加到文

5、档中。write(value,)：该方法会将它的所有参数按照出现顺序写入文档中，不是字符串的参数在写入过程中将被转换成字符串。wirteln(value,)：该方法与write()方法类似，只不过在写入所有参数之后，会自动加上一个换行符。link对象link对象概述link对象表示的是HTML文档中超文本链接或者客户端映射表中的可点击区域，在HTML文档中由和标签创建，其语法如下： /链接中的可见文本link对象link对象的属性hash：该属性表示URL引用的对象中的一个锚的名字。host：该属性表示URL中的主机名和端口号的组合。hostname：该属性表示URL中含有的主机名。href：

6、该属性表示完整的URL。length：该属性表示links数组中元素的数量。pathname：该属性表示URL中的路径部分。port：该属性表示URL中的端口部分。protocol：该属性表示URL中的协议部分。search：该属性表示URL中含有的查询部分。text/innerText：该属性表示出现在创建link对象的HTML标签和之间的纯文本。 image对象image对象概述image对象代表了文档中含有的内嵌图像。虽然HTML本身具有显示图像的功能，但是存在一个缺陷，就是无法改变已经显示的图像，除非加载一个新的页面；而利用image对象，通过JavaScript可以动态地对图像进行操

7、作，使网页变得更具吸引力。在JavaScript中，可以使用new关键字创建image对象，这种方法创建的image对象常用于缓存图像：new Image(width,height);构造函数Image中的width和height参数是可选的，分别指定所创建image对象的宽度和高度，不过这个构造函数并没有指定要加载图像的URL地址，如果要将image对象与特定的图像对应起来，必须将其src属性设定为要显示的图像。image对象由HTML中标签创建image对象的语法规则如下：image对象image对象的属性border：这个属性指定了图像边界的宽度，以像素为单位。height：该属性指定了

8、图像的高度，以像素为单位。hspace：该属性指定了图像的左右边界和周围文字之间的水平距离，以像素为单位。lowsrc：该属性指定了在低分辨率状态下显示图像的URL。name：该属性指定了image对象的名称，表示HTML文档中一幅特定的图像。src：该属性指定了正常状况下要显示图像的URL，修改该属性将导致浏览器重新加载和显示图像。vspace：该属性指定了图像的上下边界和周围文字之间的垂直距离，以像素为单位。 width：该属性指定了图像的宽度，以像素为单位。image对象image对象的应用改变image对象的src属性将导致浏览器重新加载图像，如果要使新加载的图像显示在原来的地方并且不

9、影响页面上原有的内容，那么必须保证新的图像与原来的图像具有相同的高度和宽度，或者通过设置image对象的width和height属性保证新图像与原来的图像大小相同。为了让图像能在需要的时候迅速的显示出来，通常的做法是先将图像在浏览器里缓存起来，这样在需要的时候便可以直接使用，而不是临时通过网络下载。缓存图像的方法十分简单，首先使用Image()构造函数创建一个image对象，然后将想要使用图像的URL地址赋给新建image对象的src属性。本章小结document对象是客户端JavaScript最为常用的对象之一，在浏览器对象模型中，它位于window对象的下一层级，代表了窗口或者框架中的文档。document对象的links属性包含的就是文档中的link对象，link对象表示的是HTML文档中超文本链接或者客户端映射表中的可点击区域，在HTML文档中由和标签创建。document对象的anchors属性包含的就是文档中的anchor对象，anchor对象表示的是HTML文档中超文本链接的锚，“锚”是HTML文档中一个命名了的地点，由具有name属性的标签创建。document对象的images属性是包含的就是文档中的image对象，image对象表示文档中的内嵌图像，在HTML文档中由标签创建。div标签是一种可以包含其他HTML标签的标签，在实际应用中，常通过