javascript 父窗口（父页面）— 子窗口 (子页面)互相调用的方法 - javascript.mht
来自「can merge two datatable」· MHT 代码 · 共 1,349 行 · 第 1/5 页
MHT
1,349 行
style=3D"COLOR: =
#0000ff">http://www.cnspry.cn/blog/attachments/window.parent</SPAN>=20
=
</A>=E5=AE=9E=E4=BE=8B/a.html<BR>=E6=BA=90=E7=A0=81=EF=BC=9A<BR>1.a.html<=
/DIV>
<DIV class=3Dt_msgfont><BR></DIV>
<DIV class=3Dt_msgfont><PRE class=3Dhtml =
name=3D"code"><html>
<head>
<title>=E4=B8=BB=E9=A1=B5=E9=9D=A2</title>
<script>
/** =
=E4=B8=BA=E6=B5=8B=E8=AF=95IFrame=E5=AD=90=E7=AA=97=E5=8F=A3=E8=B0=83=E7=94=
=A8=E7=88=B6=E7=AA=97=E5=8F=A3=E7=9A=84=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=8F=
=E8=80=8C=E6=B7=BB=E5=8A=A0=E7=9A=84=E6=B5=8B=E8=AF=95=E5=8F=98=E9=87=8F =
*/
var parentVairous =3D =
"=E4=B8=BA=E6=B5=8B=E8=AF=95IFrame=E5=AD=90=E7=AA=97=E5=8F=A3=E8=B0=83=E7=
=94=A8=E7=88=B6=E7=AA=97=E5=8F=A3=E7=9A=84=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=
=8F=E8=80=8C=E6=B7=BB=E5=8A=A0=E7=9A=84=E6=B5=8B=E8=AF=95=E5=8F=98=E9=87=8F=
";
function parentInvokeIFrame()
{
var iframeTest =3D document.frames["iframeTest"]; =
//=E4=BD=BF=E7=94=A8document.getElementById("iframeTest");=E5=90=8C=E6=A0=
=B7=E5=8F=AF=E4=BB=A5
alert(iframeTest.document.body.innerHTML);
alert(iframeTest.iFrameVair);
}
</script>
</head>
<body>
<form name=3D"form1" id=3D"form1">
<input type=3D"text" name=3D"username" id=3D"username"/>
<input type =3D "button" value =3D =
"=E7=88=B6=E7=AA=97=E5=8F=A3=E8=B0=83=E7=94=A8IFrame=E5=AD=90=E7=AA=97=E5=
=8F=A3=E4=B8=AD=E7=9A=84=E5=86=85=E5=AE=B9" onclick =3D =
'parentInvokeIFrame()'/>
</form>
<iframe src=3D"b.html" width =3D '100%' id =3D =
'iframeTest'></iframe>
</body>
</html></PRE></DIV>
<DIV class=3Dt_msgfont><BR>1.b.html</DIV>
<DIV class=3Dt_msgfont><BR></DIV>
<DIV class=3Dt_msgfont><PRE class=3Dhtml =
name=3D"code"><html>
<head>
<title></title>
<script type=3D"text/javascript">
/** =
=E4=B8=BA=E6=B5=8B=E8=AF=95=E7=88=B6=E7=AA=97=E4=BD=93=E8=B0=83=E7=94=A8I=
Frame=E5=AD=90=E7=AA=97=E4=BD=93=E7=9A=84=E5=85=A8=E5=B1=80=E5=87=BD=E6=95=
=B0=E8=80=8C=E6=B7=BB=E5=8A=A0=E7=9A=84=E5=AD=90=E7=AA=97=E5=8F=A3=E5=85=A8=
=E5=B1=80=E5=87=BD=E6=95=B0 */
var iFrameVair =3D =
"=E6=B5=8B=E8=AF=95=E7=88=B6=E7=AA=97=E4=BD=93=E8=B0=83=E7=94=A8IFrame=E5=
=AD=90=E7=AA=97=E4=BD=93=E7=9A=84=E5=85=A8=E5=B1=80=E5=87=BD=E6=95=B0";
=20
function UpdateParent()
{
var _parentWin =3D window.parent ;
_parentWin.form1.username.value =3D "xxxx" ;
}
=20
function childInvokeParent()
{
var parentVairous =3D window.parent.window.parentVairous;
alert(parentVairous);=09
}
</script>
</head>
<body>
<form name=3D"form1" id=3D"form1">
<p> </p>
<p align=3D"center">
<input type =3D "button"=20
name =3D "button"=20
id =3D "button"=20
value =3D =
"=E6=9B=B4=E6=96=B0=E4=B8=BB=E9=A1=B5=E9=9D=A2=E7=9A=84UserName=E5=86=85=E5=
=AE=B9"=20
onclick =3D "UpdateParent()">
<input type =3D "button"
name =3D "button2"
id =3D "button2"
value =3D =
"=E6=B5=8B=E8=AF=95IFrame=E5=AD=90=E7=AA=97=E5=8F=A3=E8=B0=83=E7=94=A8=E7=
=88=B6=E7=AA=97=E5=8F=A3=E7=9A=84=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=8F"
onclick =3D "childInvokeParent();"/>
</p>
<p> </p>
</form>
</body>
</html></PRE> </DIV>
<DIV=20
class=3Dt_msgfont>ps:=E4=B8=8D=E8=83=BD=E8=B7=A8=E5=9F=9F=E8=8E=B7=E5=8F=96=
=EF=BC=8C=E4=BE=8B=E5=A6=82iframe=E7=9A=84src=E6=98=AF'http://www.xxx.ccc=
/'=E5=B0=B1=E4=B8=8D=E5=8F=AF=E4=BB=A5</DIV>
<DIV class=3Dt_msgfont><BR>2=EF=BC=9A window.opener =
=E6=98=AFwindow.open=20
=
=E6=89=93=E5=BC=80=E7=9A=84=E5=AD=90=E9=A1=B5=E9=9D=A2=E8=B0=83=E7=94=A8=E7=
=88=B6=E9=A1=B5=E9=9D=A2=E5=AF=B9=E8=B1=A1<BR>=E5=AE=9E=E4=BE=8B=E5=9C=B0=
=E5=9D=80=EF=BC=9A <A=20
href=3D"http://www.cnspry.cn/blog/attachments/window.opener"=20
target=3D_blank><SPAN=20
style=3D"COLOR: =
#0000ff">http://www.cnspry.cn/blog/attachments/window.opener</SPAN>=20
</A>=E5=AE=9E=E4=BE=8B/a.html</DIV>
<DIV =
class=3Dt_msgfont><BR>=E6=BA=90=E7=A0=81=EF=BC=9A<BR>2.a.html</DIV>
<DIV class=3Dt_msgfont><BR></DIV>
<DIV class=3Dt_msgfont><PRE class=3Dhtml =
name=3D"code"><html>
<head>
<title>=E4=B8=BB=E9=A1=B5=E9=9D=A2</title>
<script type=3D"text/javascript">
/** =
=E4=B8=BA=E6=B5=8B=E8=AF=95IFrame=E5=AD=90=E7=AA=97=E5=8F=A3=E8=B0=83=E7=94=
=A8=E7=88=B6=E7=AA=97=E5=8F=A3=E7=9A=84=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=8F=
=E8=80=8C=E6=B7=BB=E5=8A=A0=E7=9A=84=E6=B5=8B=E8=AF=95=E5=8F=98=E9=87=8F =
*/ =20
var parentVairous =3D =
"=E4=B8=BA=E6=B5=8B=E8=AF=95IFrame=E5=AD=90=E7=AA=97=E5=8F=A3=E8=B0=83=E7=
=94=A8=E7=88=B6=E7=AA=97=E5=8F=A3=E7=9A=84=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=
=8F=E8=80=8C=E6=B7=BB=E5=8A=A0=E7=9A=84=E6=B5=8B=E8=AF=95=E5=8F=98=E9=87=8F=
";=20
=20
/**=20
* =
=E5=9B=A0=E4=B8=BA=E4=B8=8D=E5=90=8C=E4=BA=8EIFrame=EF=BC=88IFrame=E6=9C=89=
id,window.open()=E4=B8=8EIFrame=E7=9A=84=E7=88=B6=E5=AD=90=E7=AA=97=E5=8F=
=A3=E7=9A=84=E6=A8=A1=E5=BC=8F=E4=B8=8D=E5=90=8C=EF=BC=89,
* =
=E6=89=80=E4=BB=A5=E5=BD=93=E6=98=AF=E9=80=9A=E8=BF=87window.open()=E6=96=
=B9=E6=B3=95=E6=89=93=E5=BC=80=E4=B8=80=E4=B8=AA=E6=96=B0=E7=AA=97=E5=8F=A3=
=E4=BD=BF, =
=E5=BF=85=E9=A1=BB=E6=9C=89=E4=B8=80=E4=B8=AA=E6=96=B0=E7=AA=97=E5=8F=A3=E7=
=9A=84=E5=AF=B9=E8=B1=A1=20
* =
=E5=BD=93=E7=84=B6=E5=BF=85=E9=A1=BB=E5=85=88=E8=AE=A9=E5=AD=90=E7=AA=97=E5=
=8F=A3=E5=BC=B9=E5=87=BA=E6=9D=A5, =
=E6=89=8D=E8=83=BD=E8=B0=83=E7=94=A8=E5=AD=90=E7=AA=97=E5=8F=A3=E4=B8=AD=E7=
=9A=84=E5=8F=98=E9=87=8F, =
=E5=90=A6=E5=88=99=E6=8A=9B=E5=87=BA=E5=BC=82=E5=B8=B8
*/
var OpenWindow;
=20
function openSubWin()
{
OpenWindow =3D window.open('b.html', 'newwindow', =
'height=3D1024, width=3D1300, top=3D0, left=3D0, toolbar=3Dno, =
menubar=3Dyes, scrollbars=3Dyes,resizable=3Dyes,location=3Dno, =
status=3Dno');
}
function parentInvokeChild() =20
{ =20
=
if(OpenWindow)//=E5=BD=93=E7=84=B6=E5=BF=85=E9=A1=BB=E5=85=88=E8=AE=A9=E5=
=AD=90=E7=AA=97=E5=8F=A3=E5=BC=B9=E5=87=BA=E6=9D=A5, =
=E6=89=8D=E8=83=BD=E8=B0=83=E7=94=A8=E5=AD=90=E7=AA=97=E5=8F=A3=E4=B8=AD=E7=
=9A=84=E5=8F=98=E9=87=8F, =
=E5=90=A6=E5=88=99=E6=8A=9B=E5=87=BA=E5=BC=82=E5=B8=B8 =20
{
alert(OpenWindow.iFrameVair);
}
}=20
</script>
</head>
<body>
<form name=3D"form1" id=3D"form1">
<input type=3D"text" name=3D"username" id=3D"username"/>
<input type=3D"button" =
value=3D"=E5=BC=B9=E5=87=BA=E5=AD=90=E9=A1=B5=E9=9D=A2" onclick =3D =
"openSubWin()">
<input type=3D"button" =
value=3D"=E6=B5=8B=E8=AF=95=E8=B0=83=E7=94=A8=E5=BC=B9=E5=87=BA=E7=AA=97=E5=
=8F=A3=E4=B8=AD=E7=9A=84=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=8F" onclick =
=3D "parentInvokeChild()">
</form>
</body>
</html></PRE></DIV>
<DIV class=3Dt_msgfont><BR>2.b.html</DIV>
<DIV class=3Dt_msgfont><BR><PRE class=3Dhtml =
name=3D"code"><html>
<head>
<title>=E5=AD=90=E9=A1=B5=E9=9D=A2</title>
<script type=3D"text/javascript">
/** =
=E4=B8=BA=E6=B5=8B=E8=AF=95=E7=88=B6=E7=AA=97=E4=BD=93=E8=B0=83=E7=94=A8I=
Frame=E5=AD=90=E7=AA=97=E4=BD=93=E7=9A=84=E5=85=A8=E5=B1=80=E5=87=BD=E6=95=
=B0=E8=80=8C=E6=B7=BB=E5=8A=A0=E7=9A=84=E5=AD=90=E7=AA=97=E5=8F=A3=E5=85=A8=
=E5=B1=80=E5=87=BD=E6=95=B0 */ =20
var iFrameVair =3D =
"=E6=B5=8B=E8=AF=95=E7=88=B6=E7=AA=97=E4=BD=93=E8=B0=83=E7=94=A8IFrame=E5=
=AD=90=E7=AA=97=E4=BD=93=E7=9A=84=E5=85=A8=E5=B1=80=E5=87=BD=E6=95=B0";
function UpdateParent()
{
var _parentWin =3D window.opener;
_parentWin.form1.username.value =3D "xxxx" ;
}
function childInvokeParent() =20
{ =20
var parentVairous =3D window.opener.window.parentVairous; =
alert(parentVairous); =20
}
</script>
</head>
<body>
<form name=3D"form1" id=3D"form1">
<p> </p>
<p align=3D"center">
<input type=3D"button"=20
onclick =3D "UpdateParent();"=20
name=3D"button"=20
id=3D"button"=20
=
value=3D"=E6=9B=B4=E6=96=B0=E4=B8=BB=E9=A1=B5=E9=9D=A2=E7=9A=84UserName=E5=
=86=85=E5=AE=B9">
<input type =3D "button" =20
name =3D "button2" =20
id =3D "button2" =20
value =3D =
"=E6=B5=8B=E8=AF=95IFrame=E5=AD=90=E7=AA=97=E5=8F=A3=E8=B0=83=E7=94=A8=E7=
=88=B6=E7=AA=97=E5=8F=A3=E7=9A=84=E5=85=A8=E5=B1=80=E5=8F=98=E9=87=8F" =20
onclick =3D "childInvokeParent();"/> =20
</p>
<p> </p>
</form>
</body>
</PRE></DIV>
<DIV class=3Dt_msgfont><SPAN=20
style=3D"COLOR: =
#ff0000">=E7=BB=8F=E8=BF=87hanjs=E7=9A=84=E6=8F=90=E9=86=92=EF=BC=8C=E7=A1=
=AE=E5=AE=9E=E9=9C=80=E8=A6=81=E6=B3=A8=E6=84=8F=E7=9A=84=E6=98=AF=EF=BC=8C=
=E6=A8=A1=E6=80=81=E7=AA=97=E5=8F=A3=E7=9A=84=E5=AD=90=E7=AA=97=E5=8F=A3=E6=
=98=AF=E6=B2=A1=E6=9C=89=E5=8A=9E=E6=B3=95=E4=BF=AE=E6=94=B9=E7=88=B6=E7=AA=
=97=E5=8F=A3=E9=A1=B5=E9=9D=A2=E4=B8=AD=E7=9A=84=E4=BB=BB=E4=BD=95=E5=86=85=
=E5=AE=B9=E7=9A=84=E3=80=82<BR>=E4=BE=8B=E5=A6=82=E4=BF=AE=E6=94=B9=EF=BC=
=9AOpenWindow=20
=3D window.open('b.html', 'newwindow', 'height=3D1024, =
width=3D1300, top=3D0,=20
left=3D0, toolbar=3Dno, menubar=3Dyes, =
scrollbars=3Dyes,resizable=3Dyes,location=3Dno,=20
status=3Dno');<BR>=E4=B8=BA=EF=BC=9AOpenWindow =3D=20
=
window.showModalDialog("b.html",'newwindow',"dialogHeight:100px,center:ye=
s,resizable:no,status:no");<BR>=E5=9C=A8=E5=AD=90=E7=AA=97=E5=8F=A3=E4=B8=
=AD=E5=BD=93=E5=B8=8C=E6=9C=9B=E4=BF=AE=E6=94=B9=E7=88=B6=E7=AA=97=E5=8F=A3=
=E4=B8=AD=E7=9A=84=E5=86=85=E5=AE=B9=E6=97=B6=EF=BC=8C=E4=BC=9A=E5=BC=B9=E5=
=87=BA=E2=80=9C=E6=9F=90=E6=9F=90=E2=80=9D=E4=B8=BA=E7=A9=BA=E6=88=96=E4=B8=
=8D=E6=98=AF=E5=AF=B9=E8=B1=A1=E7=9A=84=E9=94=99=E8=AF=AF=EF=BC=8C=E8=80=8C=
=E8=BF=99=E9=87=8C=E7=9A=84=E2=80=9C=E6=9F=90=E6=9F=90=E2=80=9D=E5=B0=B1=E6=
=98=AF=E4=BD=A0=E6=83=B3=E4=BF=AE=E6=94=B9=E7=9A=84=E7=88=B6=E7=AA=97=E5=8F=
=A3=E4=B8=AD=E7=9A=84=E5=86=85=E5=AE=B9</SPAN><BR></DIV></DIV>
<DIV =
id=3Dtopic_copyright>=E5=A3=B0=E6=98=8E=EF=BC=9AJavaEye=E6=96=87=E7=AB=A0=
=E7=89=88=E6=9D=83=E5=B1=9E=E4=BA=8E=E4=BD=9C=E8=80=85=EF=BC=8C=E5=8F=97=E6=
=B3=95=E5=BE=8B=E4=BF=9D=E6=8A=A4=E3=80=82=E6=B2=A1=E6=9C=89=E4=BD=9C=E8=80=
=85=E4=B9=A6=E9=9D=A2=E8=AE=B8=E5=8F=AF=E4=B8=8D=E5=BE=97=E8=BD=AC=E8=BD=BD=
=E3=80=82 </DIV>
<DIV =
id=3Dforum_advert_b3><SPAN>=E6=8E=A8=E8=8D=90=E9=93=BE=E6=8E=A5</SPAN>=20
<UL class=3Dadverts>
<LI><A href=3D"http://www.javaeye.com/adverts/128" =
target=3D_blank>IBM=20
=
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?