动态更改最低帧

时间:2012-01-13 17:49:39

标签: html frames

我有一个包含3个框架的页面,顶部,中间和底部,每个框架显示不同的页面。当我点击中间框架上的按钮时,我想改变第三帧的内容。

主页:

<html>
<frameset rows="475,6%,*">
  <frame name="top" scrolling="no" noresize target="middle" src="top.htm">
  <frame name="middle" src="middle.htm" scrolling="no" noresize>
  <frame name="bottom" src="bottom.htm" scrolling="no" noresize>
  <noframes>
  <body>

  <p>This page uses frames, but your browser doesn't support them.</p>

  </body>
  </noframes>
</frameset>

我要做的是在middle.htm页面设置一个按钮,这样当点击它时,底部框架现在将显示不同的页面。

知道如何设置吗?

TIA

BR

2 个答案:

答案 0 :(得分:1)

尝试top.document.getElementsByName( "bottom" )[ 0 ].src = "YOUR_NEW_PAGE"

答案 1 :(得分:0)

我不建议使用框架,但你可以试试这个:

<script>
function changePage(strPage)
{
parent.middle.location.href = strPage; 
}
</script>

<a href="javascript:void(0);" onClick="changePage('page1.htm')">Page 1</a>   
<a href="javascript:void(0);" onClick="changePage('page2.htm')">Page 2</a>   
<a href="javascript:void(0);" onClick="changePage('page3.htm')">Page 3</a>   
<a href="javascript:void(0);" onClick="changePage('body.htm')">Home</a>