JAVASCRIPT访问父窗口的变量或方法

最新推荐文章于 2022-10-28 13:58:32 发布

Jlins

最新推荐文章于 2022-10-28 13:58:32 发布

阅读量2.3k

点赞数

分类专栏：我自己看的文章标签： javascript input button function 文档 asp

本文链接：https://blog.csdn.net/dyllove98/article/details/4554300

版权

我自己看的专栏收录该内容

51 篇文章 0 订阅

订阅专栏

AA.HTM
-------------------------------------

<html>

<head>
<meta   http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>主界面</title>
</head>

<body>

<form id="getForm"> 回传值：
<input   type="text"   id="getData"   readOnly>
<input   type="text"   id="getData1" readOnly>
<input   type="text"   id="getData2" readOnly>
</form>

<input   type="button"   value="打开新窗口1"   onClick="openWin1()">
<input   type="button"   value="打开新窗口2"   onClick="openWin2()">
<script   language="JavaScript">

function   openWin1()
{
      var   srcFile   =   "BB.htm";         //新窗口的文档名称
      var   winFeatures   =   "dialogHeight:300px;   dialogLeft:200px;";
      var   obj   =   getForm;     //将form作为对象传递给新窗口
      window.showModalDialog(srcFile,   obj,   winFeatures);
}

function   openWin2()
{
      var   srcFile   =   "CC.htm";         //新窗口的文档名称
      var   winFeatures   =   "dialogHeight:300px;   dialogLeft:200px;";
      var   obj   =   getForm.getData.value;     //将form作为对象传递给新窗口
      var   str=window.showModalDialog(srcFile,   obj,   winFeatures);
      if(str!=null)
      document.getElementById("getData").value =str;
}

</script>

</body>

</html>

-------------------------------------
bb.htm
-------------------------------------

<html>

<head>
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">
<title>新窗口BB</title>
</head>


<base   target="_self">   
<body>

<form   id="sendForm">         请输入资料：
<input   type="text"   id="writeData">
<input   type="text"   id="writeData1">
<input   type="text"   id="writeData2">
<input   type="button"   value="送回父窗口"   onClick="send(sendForm.writeData.value, sendForm.writeData1.value, sendForm.writeData2.value);">
</form>

<script   language="JavaScript">
function   send(val,val1,val2)
{
          //取得父窗口传过来的对象
          var   myObj   =   window.dialogArguments;
          //赋值
          myObj.getData.value   =   val;
          myObj.getData1.value   =   val1;
          myObj.getData2.value   =   val2;
          //关闭窗口
          window.close();
}
</script>

</body>

</html>

-------------------------------------
cc.htm
-------------------------------------

<html>

<head>
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">
<title>新窗口CC</title>
</head>


<base   target="_self">   
<body>
<form   id="sendForm">         请输入资料：
<input   type="text"   id="writeData">
<input   type="button"   value="送回父窗口"   onClick="send(sendForm.writeData.value);">
</form>
<script   language="JavaScript">
function   send(val)
{
          window.returnValue=val;
          window.close();
}
</script>

</body>

</html>