开发学院网页设计 JavaScript SelectBox in Frame 阅读

SelectBox in Frame

　2007-11-27 18:02:13　来源：WEB开发网　　　

核心提示：SelectBox in Frame（本页面已经包括在下载文件中了）首先，建立Frameset帧结构，SelectBox in Frame，为每个frame页面起名（红色部分）：<FRAMESET COLS=134,* FRAMEBORDER=0> <FRAME SRC=nav.htm SCROLLI

SelectBox in Frame（本页面已经包括在下载文件中了）

首先，建立Frameset帧结构，为每个frame页面起名（红色部分）：

以上请自己调整适应自己的页面。

下面是左侧的页面nav.htm的代码：

<SCRIPT LANGUAGE=JavaScript>
<!--
function selectbox(indexbox) {

parent.right.location.href = document.selectform.select.options[indexbox].value;
}
//-->
</SCRIPT>

<FORM name=selectform>
<div align=center>
<SELECT onChange=selectbox(this.selectedIndex); SIZE=6 name=select>
<OPTION VALUE=link1.htm>连接页面1
<OPTION VALUE=link2.htm>连接页面2
<OPTION VALUE=link3.htm>连接页面3
<OPTION VALUE=link4.htm>连接页面4
<OPTION VALUE=link5.htm>连接页面5
<OPTION VALUE=link6.htm>连接页面6 //一共6个连接页面，与上面的数字一致。
</SELECT>
</div>
</FORM>

</BODY>
</HTML>

右侧的页面随便。注意：颜色相同部分要一致。right是左侧的frame的名字啊。

如果不需要在FRAME中打开页面，用location替换parent.right.location.href 即可在全页面打开连接，当然不必再建立FRAMESET了。