window.showModalDialog返回值和window.open返回值实例详解

最近在谷歌浏览器下发现一个问题,就是使用谷歌浏览器已经不兼容window.showModalDialog了,所以还是改成使用window.open()。

一、window.showModalDialog实例:

1、父页面:js

var returnValue=window.showModalDialog("selectUserList.jsp?order_id="+order_id+"&appID="+appID+"&prod_name="+prod_name+"&order_state="+order_state+"&prod_id="+prod_id+"&app_code="+app_code+"&app_fee_type="+app_fee_type+"&admin_flag="+admin_flag,0,"dialogWidth=480px;dialogHeight=510px;resizable:no;dialogLeft:550px;dialogTop:100px;status:no;scroll:no;resizable:no");

if(returnValue == "ok"){//"ok"就是子页面的返回值
  $("#goPageButton").click();
 }

2、子页面:selectUserList.jsp

window.returnValue = "ok";

 

二:window.open实例:

1、父页面:

<script language="javascript" type="text/javascript">
   var wd;
   var winTimer;//计时器变量, 监听窗口关闭
   function openWindow() {
         wd = window.open("test2.html",null," height=300,width=450,  Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no");
         if (wd) 
          window.wd.focus();//判断窗口是否打开,如果打开,窗口前置 
          winTimer=window.setInterval("wisclosed()",500);
   }
   function wisclosed(){
    if(wd.closed){ 
      alert(window.returnVaule);//子窗体返回值 
      //这里可以做赋值操作 
      window.clearInterval(winTimer); 
    } 
   }
 </script>
</head>
<body>
 <input type="button" id="btnShow" onclick="openWindow();"  value="显示子窗口"/>
</body>

 

2、子页面:

<script language="javascript" type="text/javascript">
   function doclose() {
    window.opener.window.returnVaule="ok"; 
    parent.window.close();
  }
</script>
</head>
<body>
 <input type="button" id="btnSelect" onclick="doclose();"  value="关闭"/>
</body>

 

你可能感兴趣的:(window.showModalDialog返回值和window.open返回值实例详解)