子窗体调用父窗体的事件（javascript）

 

首先新建一个main.htm页面。你看到有两个javascript 的 funtion,   SubFormCallFunction是给子窗体调用的。

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
     < title > Untitled Page </ title >
     < script  type  ="text/javascript"   > ...
    function SubFormCallFunction()
    ...{
        alert("ok");
    }
    
    function OpenWin()
    ...{
    window.open("Sub.htm","dsfs","menubar=0,location=0,status=no,dialog=yes,modal=yes,scrollbars=0,resizable=1,width=200,height=200");
    }
     </ script >
</ head >
< body >
     < input  id ="Button1"  type ="button"  value ="open"  onclick  ="OpenWin()"   />
</ body >
</ html >

 

2、再新建Sub.htm，这个窗体是给通过Main.html打开的窗体。下面代码如下：

 

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
     < title > Untitled Page </ title >
     < script  type  ="text/javascript"   > ...
    function ColseWin()
    ...{
    window.close();
        window.opener.SubFormCallFunction();
    }
     </ script >
</ head >
< body >
     < input  id ="Button1"  type ="button"  value ="close"  onclick  ="ColseWin()"   />
</ body >
</ html >

留意上面的代码：关键是：

 window.opener.SubFormCallFunction();

这句话的意思是调用父窗体的 Funtion，这个方法在firefox和IE都兼容。