全国统一服务热线:400-633-9193

网页制作基础技巧 框架(帧窗口)间的交互

admin     未知     2017-02-11    1567

网页制作基础技巧%20框架(帧窗口)间的交互%20-%20新客网xker_com.htm

在多窗口的分帧页面中,各分窗口之间的信息交互是经常的事。在导航窗口中点了超级链接,那么如何在另一窗口中打开链接的网页呢?我在这个窗口中按下按钮,能在另一个窗口中写信息吗?窗口那么多,又如何识别窗口呢?请看下面的例子。

  一、在导航窗口点击链接,在另一窗口打开网页

  现有一分帧页面如上图所示的,A窗口是网站logo及广告,B窗口是导航栏,C是显示页面的窗口。该分帧页面的源代码为:

<frameset rows="20%,*"> 

<frame name="topFrame" scrolling="NO" noresize src="toppage.htm" >

<frameset cols="18%,*"> 

<frame name="leftFrame" noresize src="leftpage.htm">

<frame name="mainFrame" src="mainpage.htm">

</frameset>

</frameset>

  若要求在B窗口中的链接页面(test.htm)在C窗口中打开,那么B窗口中的链接应这样写:<a herf="test.htm" target="mailFrame">此链接的页面在C窗口中打开</a>,在这里起关键作用的是<A>标记中的target参数,你想在那个窗口中打开网页,就在Target参数中设置那个窗口的名称。

  二、在B窗口中按下一个按钮,在C窗口中写一行字

  本例的页面格式与上例相同,完成后的效果是这样的:按下B窗口中“在C窗口写字”的按钮后,在C窗口中就出现一行文字“嗨!你好!这是通过B窗口控制而写的字。”。分帧页面的代码及每个窗口中的网页文件与上例相同。

  制作方法

  1、 在C窗口网页(mainpage.htm)的源代码<head></head>之间插入下面这段Javascript程序:

<script language="Javascript">

<!--

function htest(){

document.write("嗨!你好!这是通过B窗口控制而写的字。") 

}


  分享到:  
0.2820s