frame框架怎么实现读取某个网页的特定位置

如何在一个frame下获得另外一个frame里元素的值:例如存在如下3个页面：

main.htm sub1.html sub2.html

a)main.html

内容如下:

<frameset id="frameset" rows="29,*,20" cols="*" frameborder="no" scrolling="no">    

<frame name="topFrame" src="top.jsp"  scrolling="no"   noresize />    

<frame name="middleFrame" src="sub1.html"  scrolling="no"  noresize />    

<frame name="bottomFrame" src="sub2.html"  scrolling="no" noresize />

</frameset>

b)sub1.html内容如下:

<table>    

<tr>        

<td>用户名:</td>

<td><input type="text" name="userName"/></td>        

<td>密    码:</td>

<td><input type="password" name="pwd"/></td>    

</tr>

</table>

c)sub2.html内容如下:

<input type="button" name="test" value="test" οnclick="test()"/>

现在我想点击test按钮，弹出对话筐，显示用户输入的名称。

在sub2.html内加入如下javascript代码：

<script language="javascript">

function test()...{    

var userName = parent.frames("middleFrame").document.all.userName.value;    

alert(userName);

}

</script>

其实很简单，要使用其他frame的元素，只需要调用parent.frames(YourFrameName) 就可以了。