今天在做一些页面的时候,有用到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" οnclick="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的值。