动态高级教程第五节:更换多个框架里的网页


 
  这里我们将要回答下面的问题

    如何变换多个框架里的网页

  假如我们有如下的网页
    <html>
    <frameset cols="30%,70%">
    <frame src="page1.htm" name="frame1">
    <frame src="page2.htm" name="frame2">
    </frameset>
    </html>

  我们打算在第一个框架里面加一个连接。当点击这个连接的时候。我们不但能够变换
  第二个框架里的网页,我们也想变换第一个框架本身的网页。

  page1.htm

  <html>
  <body>
  <h1>This is page 1 </h1>
  <a href="page3.htm" onClick="parent.frame2.location='page4.htm'">Click Here</a>
  </body>
  </html>

  同样道理我们可以同时改变多个框架的网页。比如我们写一个Javascript的子程序

  function loadFrames()
  {
    parent.frame1.location='page1.htm
    parent.frame2.location='page2.htm
    parent.frame3.location='page3.htm
    parent.frame4.location='page4.htm
    parent.frame5.location='page5.htm
  }

  然后在连接里面用onclick来启动这个自程序就可以达到同时更换多个框架内容的效果

  <a href="page1_1.htm" onclick="loadFrames()">Click here</a>