js中showModalDialog和returnValue的用法

来源:互联网 发布:淘宝刷单怎么找客户 编辑:程序博客网 时间:2024/04/24 07:49

有两个页面father.htmlchild.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 id="btn" type="button" value="弹出子窗口" />
    <span id="spanChildValue">子窗体返回的值是</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 id="btn" type="button" value="生成返回值" />
  </body>
</html>


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

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

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

 

 


 

 

原创粉丝点击