js 弹出页面传值

有页面a和页面b,页面a中有一个文本框和一个按钮,点按钮弹出页面b,页面b也有一个文本框,在文本框中输入值,在不经过后台
用js实现把页面b的文本框的值传到页面a,赋给页面a的文本框

 

 

 

a页面代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> page A </TITLE>
  <script language="javascript">
function newWin(){
  var str = window.showModalDialog("pageB.html",null,"dialogWidth=400px;dialogHeight=300px");
  if  (typeof(str) == "undefined") {  
      alert("没有传回值来");

  }else{
   document.getElementById("mytext").value=str;
  }
}
  </script>
</HEAD>

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

b页面代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> Page B </TITLE>
  <script language="javascript">
function colseWin(){
  var returnValue = document.getElementById("mytext").value.trim;
  window.returnValue=returnValue;
  window.close();
}
  </script>
</HEAD>

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

=======================================================
把两个文件保存到同级目录下就可以了.

你可能感兴趣的:(js)