如何使用Javascript实现父窗口和子窗口之间的相互控制？

给你个例子，关于showModalDialog()的使用，希望有帮助<!--show.htm-->
<HTML>
<HEAD>
<TITLE>showModelessDialogEX.htm</TITLE>
<SCRIPT>
var sUserName="";              
/*------------------------------------------------------------
Supplying the window object as a parameter allows for declaring the global 
variable, sUserName, and using it to return information from the modeless 
dialog box.
------------------------------------------------------------- */
function fnCallDialog()                                             
{
 showModelessDialog("http://localhost/myDialog.htm",window,"status:false;dialogWidth:300px;dialogHeight:300px");
}
/*-------------------------------------------------------------
The fnUpdate function takes the value passed into sUserName in myDialog.htm 
to update the span text on this page. This function is called in both 
fnGetInfo and fnCancel functions in myDialog.htm.
-------------------------------------------------------------*/
function fnUpdate()
{
  oName.innerText = sUserName;
}
</SCRIPT>
</HEAD>
<BODY>
<P>Enter your first name: <SPAN ID="oName" 
STYLE="color:red;font-size:24">Joan</SPAN></P> <INPUT TYPE="button" 
VALUE="Display Modeless Dialog" onclick="fnCallDialog()">
</BODY>
</HTML>
<!--myDialog.htm-->
<HTML>
<HEAD>
<TITLE>myDialog.htm</TITLE>
<SCRIPT>
/* -------------------------------------------------------------
This function makes use of the dialogArguments property of the
window object. dialogArguments allows the global variable sUserName
to feed the value supplied to the input in this dialog box back to
the window that called it.
---------------------------------------------------------------- */
function fnGetInfo()
{
  var sData = dialogArguments;
  sData.sUserName = oEnterName.value;
  sData.fnUpdate();
}
/* -------------------------------------------------------------
This function cleans up in case the user has clicked the 
Apply button before canceling.
---------------------------------------------------------------- */
function fnCancel()
{
  var sData = dialogArguments;
  sData.sUserName = "Joan";
  sData.fnUpdate(); 
}
</SCRIPT>
</HEAD>
<BODY>
<LABEL FOR="oEnterName" ACCESSKEY="f">Enter your 
<SPAN STYLE="text-decoration:underline">F</SPAN>irst Name</LABEL>
<INPUT ID=oEnterName><BR><BR>
<INPUT VALUE="Apply" TYPE=button onclick="fnGetInfo();">
<INPUT VALUE="Ok" TYPE=button onclick="fnGetInfo();window.close();">
<INPUT VALUE="Cancel" TYPE=button onclick="fnCancel();window.close();">
</BODY>
</HTML>

解决方案 »

  1.   

    这个showModalDialog()的实例对我没有用，我的窗口不怕被拦截掉，所以没有必要使用showModalDialog()。在线等呀，达人帮帮忙吧。
      

  2.   

    用window.opener得到父窗口就可以随便得到父窗口里的东西了。 
    window.opener.document.forms[0]
    或者是：window.parent
      

  3.   

    target="win"  给新开窗口指定名称获得焦点：
    <a href="javascript:;" onclick="window.open('x.htm','win','').focus()">
    比如：
    转移焦点：
    window.opener.focus()
    关闭父窗口：
    window.opener.close()