JavaScript程序设计课件：第七章 文档和文档元素.ppt

例7-1 document对象的应用 注意在另一窗口中显示内容的做法。 颜色：1.用英文单词，如red, green, blue, yellow, orange 2.用6位十六进制数表示，RGB模式 如000000 黑色 ffffff 白色 ff0000 红色 00ff00 绿色 0000ff 蓝色 ffff00 黄色 nbsp —— 空格 br —— 换行 例7-2 link对象的应用 7.4 image对象 image对象概述 image对象代表了文档中含有的内嵌图像。虽然HTML本身具有显示图像的功能，但是存在一个缺陷，就是无法改变已经显示的图像，除非加载一个新的页面；而利用image对象，通过JavaScript可以动态地对图像进行操作，使网页变得更具吸引力。 在JavaScript中，可以使用new关键字创建image对象，这种方法创建的image对象常用于缓存图像： new Image([width,height]); 构造函数Image中的width和height参数是可选的，分别指定所创建image对象的宽度和高度，不过这个构造函数并没有指定要加载图像的URL地址，如果要将image对象与特定的图像对应起来，必须将其src属性设定为要显示的图像。 7.4 image对象 由HTML中img标签创建image对象的语法规则如下： 7.4 image对象 image对象的属性 border：这个属性指定了图像边界的宽度，以像素为单位。 height：该属性指定了图像的高度，以像素为单位。 hspace：该属性指定了图像的左右边界和周围文字之间的水平距离，以像素为单位。 lowsrc：该属性指定了在低分辨率状态下显示图像的URL。 name：该属性指定了image对象的名称，表示HTML文档中一幅特定的图像。 src：该属性指定了正常状况下要显示图像的URL，修改该属性将导致浏览器重新加载和显示图像。 vspace：该属性指定了图像的上下边界和周围文字之间的垂直距离，以像素为单位。 width：该属性指定了图像的宽度，以像素为单位。 7.4 image对象 image对象的应用 (P143) (1)关于图像的替换 改变image对象的src属性将导致浏览器重新加载图像，如果要使新加载的图像显示在原来的地方并且不影响页面上原有的内容，那么必须保证新的图像与原来的图像具有相同的高度和宽度，或者通过设置image对象的width和height属性保证新图像与原来的图像大小相同。 (2)关于图像的缓存 为了让图像能在需要的时候迅速的显示出来，通常的做法是先将图像在浏览器里缓存起来，这样在需要的时候便可以直接使用，而不是临时通过网络下载。缓存图像的方法十分简单，首先使用Image()构造函数创建一个image对象，然后将想要使用图像的URL地址赋给新建image对象的src属性。 例7-4 image对象的应用 7-9行，创建了3个image对象 11-16行，检查字符串s是否为空，空为假，非空为真（与以往不同） number=(number+1)%3;使得 0→1，1→2，2→0 number作为下标 7.* 第七章 文档和文档元素 document对象 document对象概述 document对象是客户端JavaScript最为常用的对象之一，在浏览器对象模型中，它位于window对象的下一层级。 window对象代表了浏览器窗口或者框架，而document对象则代表了窗口或者框架中的文档。 每一个window对象都有一个document属性，window对象的document属性引用的就是代表该窗口中所显示文档的document对象。 文档对象的命名规则 Form //使用表单名称访问 document.forms[0] //使用该表单在document对象 forms[]属性中的位置访问 document对象 document对象的简单属性 alinkColor：该属性指定了链接被激活时的颜色，初始值可以在文档的head标签中设置，也可以通过body标签alink属性设置。 bgColor：该属性指定了文档的背景颜色，其初始值由body标签的bgcolor属性设置。 fgColor：该属性指定了文档文本的颜色，其初始值可以在文档的he