用脚本控制FRAME.docVIP

网页设计必学：快速精通网页框架FRAME 用脚本控制导航FRAME 每个Window对象有一个FRAMEs数组。对于普通的Web页面，这个数组是空的，其属性length为0。带有FRAMESET的页面，按照其上FRAME标记的前后顺序，生成一个FRAME数组。由于FRAMESET所在页面是每个FRAME的parent窗口，数组索引从0开始，所以从FRAMESET中引用第3个FRAME时就使用self.FRAMEs[2]，从其他FRAME文档中引用第3个FRAME时就使用parent.FRAMEs[2]。 FRAME数组中的每一个成员都是一个窗口，它们具有普通窗口的一切方法、事件以及属性，并且包括它自己的FRAME数组（当它包含另外一个FRAMESET时）。因此，用脚本去修改一个FRAME的内容就象修改它的location.href一样简单。 下面举例说明，假设一个FRAMESET包含3个同样的FRAME，都位于窗口下部： 以下为引用的内容：FRAMESET rows=60%,40%FRAME name=link src=link.htmFRAMESET cols=*,*,*FRAME name=blank1 src=blank.htmFRAME name=blank2 src=blank.htmFRAME name=blank3 src=blank.htm/FRAMESET/FRAMESET 　　第一个FRAME中的文档叫做link.htm，使用点击其中的单一链接就可以修改其他三个FRAME中的内容。实现代码如下: 以下为引用的内容：a href=javascript:navAll()修改下面3个FRAME的内容/aSCRIPT language=JavaScript!-- function navAll() { parent.FRAMEs[1].location.href=red.htm; parent.FRAMEs[2].location.href=blue.htm; parent.FRAMEs[3].location.href=white.htm; } // --/SCRIPT 　　用脚本控制动态FRAME 如果FRAME中变化的内容不多，就可以考虑使用脚本程序动态生成其内容。这样就不用再创建单独的小HTML页面，无需从服务器上下载。创建内容的方法与在任何窗口中书写内容一样，都是通过document对象。　　举个例子说明一下。假设要在一个FRAME内显示小组成员的相片，并在其下的一个小FRAME内显示该成员的名字等信息。首先建立信息数组： 以下为引用的内容：empID = new Array(); empID[0] = Dana Corolla, CEO; empID[1] = Arturo Montero, senior editor; empID[2] = Percy Tercel, head designer; empID[3] = Angus Coupedeville, astrologer; 　　然后，建立小组成员照片的图形地图，将每个AREA链接到函数showMe(n)，由它负责根据索引数据创建信息： 以下为引用的内容：part1 = HTMLHEAD/HEAD; part1+= BODY bgcolor=#ffffffDIV align=center; part2 = /DIV/BODY/HTML; function showMe(n) { parent.FRAMEs[1].document.open(); parent.FRAMEs[1].document.write(part1); parent.FRAMEs[1].document.write(empID[n]); parent.FRAMEs[1].document.writeln(part2); parent.FRAMEs[1].close(); } 　　FRAME间的脚本控制 使用JavaScript，我们既可以从创建窗口的页面访问那个窗口，也可以从这个窗口创建的窗口访问它。另一方面，FRAMESET中的文档（包括FRAMESET本身）总是可以访问和操纵其中每个的JavaScript函数和变量。比如说，第三个FRAME中有函数sayGobble(vol)，那么在其他FRAME中就可以使用parent.FRAMEs[2].sayGobble(vol)来引用它。同样，FRAMESET页面中的变量myName可以被任何FRAME以parent.myName=Imelda的命令进行设置。 不管在其他FRAME中的内容如何，在静态FRAME或者FRAMESET中的函数和