阅读538 返回首页    go 阿里云 go 技术社区[云栖]

js中showModalDialog和returnValue的用法

有两个页面father.html和child.html 

father.html

<html>
  <head>
  <title>父窗体</title>
  <script type="text/javascript">
     $(function(){
        $("#btn").click(function(){
           var childValue =  window.showModalDialog ('Child.html',null,"help:no;status:no;dialogWidth:900px;dialogHeight:540px");
           $("#spanChildValue").append(childValue);
        });
     });
    </script>
  </head>
 
  <body>
    <input type="button" value="弹出子窗口" />
    <span >子窗体返回的值是</span>
  </body>
</html>

 

child.html

<html>
  <head>
  <title>子窗体</title>
  <script type="text/javascript">
     $(function(){
        $("#btn").click(function() {
            window.returnValue = "1";
            window.close();
        });
     });
    </script>
  </head>
 
  <body>
    <input type="button" value="生成返回值" />
  </body>
</html>


通过showModalDialog打开子窗体后，子窗体不关闭，父窗体不能做操作。

操作子窗体通过returnValue返回一个值并关闭。这个时候父窗体就拿到了这个值。

当然子窗体不仅可以返回字符串，数字，也可以是对象等。

 

 


 

 

最后更新：2017-04-02 17:51:22

  上一篇：go JavaScript中typeof和instanceof的区别
  下一篇：go JAVA循环体的过滤器 （continue）