关于frame的问题

来源:互联网 发布:java.awt.event 编辑:程序博客网 时间:2024/05/08 02:10

   今天在做一些页面的时候,有用到frame这个标签,对于如何在子框中,如何获取其它frame(父frame,同一层frame)对象的值,稍为研究了一下,现在整理一下。

   首先建一个主页面index.html页面,内容如下:

      <frameset rows="120,*" cols="*" framespacing="0" frameborder="NO" border="0">
      <frame src="top.html" name="topFrame" id="topFrame" scrolling="NO" noresize />
      <frameset name="midFrame" rows="*" cols="210,*" framespacing="0" frameborder="NO" border="0">
      <frame src="left.html" name="leftfra" scrolling="YES" noresize id="leftfra"/>
      <frame src="right.html" name="rightfra" scrolling="YES" noresize id="mainfra" />
      </frameset />

   然后top.html,内容如下:

<form>
<input type="text" name="info" value="top" />
</form>

然后left.html内容如下:

<html>
<head>
<script type="text/javascript">
 function check(){
   alert(parent.topFrame.document.getElementById("info").value); //获取到topFrame中input的值。

   alert(parent.rightfra.document.getElementById("info").value);//获取到rightfra的中input的值。
}
</script>
</head>
<body>
<form>
<input type="button" value="button" onclick="check()" />
</body>
</html>

然后right.html内容如下:

<html>
<head>
</head>
<body>
<div>aa
<form>
<input type="text" id="info" value="www" />
</form>
</div>
</dody>
</html>

当点击"button"按钮时,就分出获取到topFrame与rightfra的中input的值。

原创粉丝点击