通过实例介绍window.opener用法和用途

window.opener&＃xff0c;是通过window.open打开子窗体的父窗体的引用。

比如在父窗体parentForm里面&＃xff0c;通过window.open("subForm.html"),那么在subform.html中window.opener就代表parentForm。既然在子窗体中能够拿到父窗体的引用&＃xff0c;那么就可以在子窗体中设置父窗体的字段值或者调用js方法。

父亲窗体&＃xff0c;用于添加人员信息。

子窗体完成输入后&＃xff0c;机构信息&＃xff08;id、name&＃xff09;自动填充到父窗体的orgId、orgName域

html代码


机构




οnclick&＃61;"openWin(&＃39;org.do?select&＃61;true&＃39;,&＃39;selectorg&＃39;,800,500,1)">



JS代码

/**打开新窗口&＃xff08;通过window.open()&＃xff09;* f:链接地址* n:窗口的名称* w:窗口的宽度* h:窗口的高度* s:窗口是否有滚动条&＃xff0c;1&＃xff1a;有滚动条&＃xff1b;0&＃xff1a;没有滚动条*/
functionopenWin(f,n,w,h,s){
sb&＃61; s &＃61;&＃61; "1" ? "1" : "0";
l&＃61; (screen.width - w)/2;
t&＃61; (screen.height - h)/2;
sFeatures&＃61; "left&＃61;"&＃43; l &＃43;",top&＃61;"&＃43; t &＃43;",height&＃61;"&＃43; h&＃43;",width&＃61;"&＃43; w
&＃43;",center&＃61;1,scrollbars&＃61;" &＃43; sb &＃43;",status&＃61;0,directories&＃61;0,channelmode&＃61;0";
openwin&＃61; window.open(f , n , sFeatures );
if(!openwin.opener)
openwin.opener&＃61; self;
openwin.focus();
returnopenwin;
}

子窗体&＃xff0c;供选择机构信息。

当选择后&＃xff08;通过单击radio&＃xff09;&＃xff0c;机构信息&＃xff08;id、name&＃xff09;将填充到父窗体的orgId、orgName域

html代码








${org.id}
${org.name}
${org.sn }
${org.parent.name}



JS代码

functionselectOrg(id,name){
if(window.opener){
window.opener.document.all.orgIdId.value&＃61; id;
window.opener.document.all.orgNameId.value&＃61; name;
window.close();
}
}

选择机构信息后的结果

完成机构信息&＃xff08;id、name&＃xff09;的输入了&＃xff0c;只是id在隐藏域中&＃xff0c;看不到而已。

说到对父窗体的引用&＃xff0c;除了window.opener&＃xff0c;就是window.parent了。window.opener是用于通过window.open方式打开子窗体&＃xff0c;而window.parent是用于通过iframe方式打开子窗体。