当前位置:   article > 正文

javascript父子窗口传递数据_前端getform.gatdata

前端getform.gatdata

在网上找了一些例子 :)

AA.html是主页面,其他的是例子。

1、AA.html

<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>
 </form>
 <input type="button" value="打开新窗口1" onClick="openWin1()">
 <input type="button" value="打开新窗口2" onClick="openWin2()">
 <input type="button" value="打开新窗口3" onClick="openWin3()">
 <script language="JavaScript">   
  function openWin1(){       
    var srcFile = "BB.html";    //新窗口的文档名称       
    var winFeatures = "dialogHeight:300px; dialogLeft:200px;";       
    var obj = getForm;  //将form作为对象传递给新窗口              
    window.showModalDialog(srcFile, obj, winFeatures);   
  }
  function openWin2(){       
    var srcFile = "CC.html";    //新窗口的文档名称       
    var winFeatures = "dialogHeight:300px; dialogLeft:200px;";       
    var obj = getForm.getData.value;  //将form作为对象传递给新窗口              
    var str=window.showModalDialog(srcFile, obj, winFeatures);   
    if(str!=null)
    getForm.getData.value = str;
  }
  function openWin3(){       
    var srcFile = "DD.html";    //新窗口的文档名称  
    window.open(srcFile,"new",winFeatures);
  }
 </script>
</body>
</html>

2、BB.html  function openWin1()

<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="button" value="送回父窗口" onClick="send(sendForm.writeData.value,sendForm.writeData1.value);">
</form>
<script language="JavaScript">   
 function send(val,val1){       
  //取得父窗口传过来的对象       
  var myObj = window.dialogArguments;       
  //赋值
  myObj.getData.value = val;
  myObj.getData1.value = val1;
  //关闭窗口       
  window.close();   
 }
</script>
</body>
</html>

3、CC.html  function openWin2()

<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>

4、DD.html  function openWin3()

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新窗口DD</title>
</head>
<body>
<form id="sendForm">
 请输入资料:
 <input type="text" id="writeData">   
 <input type="text" id="writeData1">
 <input type="button" value="送回父窗口" onClick="send(sendForm.writeData.value,sendForm.writeData1.value);">
</form>
<script language="JavaScript">   
 function send(val,val1){       
    opener.getForm.getData.value = val;
    opener.getForm.getData1.value = val1;
  window.close();   
 }
</script>
</body>
</html>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/天景科技苑/article/detail/980264
推荐阅读
相关标签
  

闽ICP备14008679号