在一个frame获取另外一个frame里元素的值

今天开始记录下自己在开发过程中用过的一些javascript技术。
1. 如何在一个frame下获得另外一个frame里元素的值:
例如存在如下3个页面，

1. main.htm
2. sub1.html
3. sub2.html

a)main.html 内容如下:

<% ... @ page language="java" contentType="text/html;charset=UTF-8" session="false" %>
< 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"  onclick ="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) 就可以了。