js窗体间传值

A页面传值给 B页面

页面A

<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
  <TITLE> page A </TITLE>
  <script language="javascript">
      function newWin() {
          var obj = new Object();
          obj.name = "zhangsan";
          obj.age = "20";
          var str = window.showModalDialog("B.aspx", obj, "dialogWidth=400px;dialogHeight=300px");
          
      }
  </script>
</HEAD>

<BODY>
  <input type="text" id="mytext">
  <input type="button" value="button" onclick="newWin();">
</BODY>
</html>

页面B

<html xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
  <TITLE> Page B </TITLE>
  <script language="javascript">
      function colseWin() {
          var obj = window.dialogArguments;
          alert("您传递的参数为：" + obj.name);
      }
  </script>
</HEAD>

<BODY>
     <input type="text" id="mytext">
  <input type="button" value="保存并关闭" onclick="colseWin();">
</BODY>
</html>

上面这样，当B页面打开后，点击 “保存并关闭” 按钮，会显示 A页面传递过来的zhangsan

华丽分割线----------------------------------------------------------------------------------------------------------------------

子页面B 传值给父页面A

主页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function OpenWin()

{

window.open("father.htm","aa","","");

}

</script>

</head>

<body>

</body>

</html>

子页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

function ReturnVal()

{

window.opener.document.getElementById('T1').value=document.getElementById('Text1').value;

window.close();

}

</script>

</head>

<body>

</body>

</html>

PS：以前我记得通过 showModalDialog和 returnVal 可以实现，但是现在 Chrome是不支持 showModalDialog了。并且window10自带的IE Edge 好像也不支持了。

那么怎么传递一个var obj=new Object() 对象呢？希望了解的朋友告知一下