閱讀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）