技法71 (◐‿◑) 获得子窗口的返回值

不二如是

                               
登录/注册后可看大图

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁

---

分析：

        在70中介绍了如何打开一个模态窗口，那么打开窗口后，能不能搞一点交互呢？例如获得返回值。
       
        如果能获得返回值，这个值可以帮助网站处理很多需求，例如有一位鱼油，想在弹窗中输入一些信息，为了方便用户查看修改后的信息，就要用到本次的主角。

          

---

Code：

父窗口HTML：

1. <h2>获取子窗口的返回值</h2>
   
2.     <input id='opentChildWindowValue' type="button"  value="打开模态窗口" />

复制代码

子窗口HTML：

1. <title>人家是模态子窗口</title>
   
2. <input type="text" id='setReturnValue' value="填写返回值-传给隔壁大佬" name="btn">
   
3.                 <input type="button" value="发送返回值" name="btn" onclick="getReturnV(document.getElementById('setReturnValue').value)">

复制代码

父窗口JS：

1. <script type="text/javascript">
   
2.     window.onload = function(){
   
3.         document.getElementById("opentChildWindowValue").onclick = function(){
   
4.             var returnV = window.showModalDialog("child.html");//子窗口的引用
   
5.             if(returnV){//监听子窗口返回值
   
6.                 alert("返回值为：" + returnV);
   
7.             }
   
8.         }
   
9.     };
   
10. </script>

复制代码

子窗口JS：

1. <script language="javascript">
   
2.                 //父窗体子模式窗口的简单模拟，为了简单、直观，将Javascript代码直接写入html页面中
   
3.                 function getReturnV(returnValue){
   
4.                         //window.returnValue 用于返回window.showModalDialog函数打开模式窗口的值
   
5.                         window.returnValue = returnValue;
   
6.                         window.close();
   
7.                 }
   
8.                 </script>

复制代码

---

请按照自己的理解订正对概念的认知

代码说明（秀智商） ：

游客，如果您要查看本帖隐藏内容请回复

---

回顾：

技法70 (&#9680;&#8255;&#9681;) 打开模态窗口

---

源代码： 71.zip (1.22 KB, 下载次数: 7, 售价: 5 鱼币)

2017-10-29 19:41 上传

点击文件名下载附件

---

○面试题索引贴●

如果喜欢，请订阅 ：

HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

如果喜欢，别忘了评分 ：

                               
登录/注册后可看大图

Ruide

Merci.

dsa159245

有些浏览器不支持啊

mhb789456

  看看答案

Romeo

凌乱大帅比

斑竹啊，内容过期了，上一节的showModalDialog都不行，这个肯定也不行了

a211827754

emmm

a641743376

???

wangdxf

peanutfs13

1