js 子窗口传值给父窗口

来源:互联网 发布:mac下显示隐藏文件夹 编辑:程序博客网 时间:2024/05/17 08:35

父窗口文件:addWindow.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
 <script type="text/javascript">
 function addWindow(){
  window.open("newWindow.html","newwindow","height=200,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no, location=no,status=no");
 }
 function add(id,textValue){
  document.getElementById(id).value=textValue;
 }
 </script>
 <BODY>
  <input id="newId" type="text"><br>
  <input type="button" value="addWindow" onclick="addWindow()">
 </BODY>
</HTML>

子窗口文件:newWindow.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>

 <script type="text/javascript">
 function test(){
  var textValue;
  for(var i=0;i<document.getElementById("newId").length;i++){
   if(document.getElementById("newId").options[i].selected){
    textValue=document.getElementById("newId").options[i].text;
    break;
   }
  }
  window.opener.add("newId",textValue);
  self.close();
 }
 </script>

 <BODY>
 <form id="form1">
  <select id="newId">
 <option value="1">1</option>
 <option value="2">2</option>
 <option value="3">3</option>
  </select>
  <input type="button" value="submit" onclick="test()">
  </form>
 </BODY>
</HTML>

原创粉丝点击