javascript 弹出的窗口返回值给父窗口具体实现

  直接上代码,有些地方可以用到:

  

复制代码 代码如下:

  <!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="">

  <SCRIPT LANGUAGE="JavaScript">

  <!--

  function selectValue(){

  window.open("sub.html","","status:no;resizable:yes;dialogHeight:410px;dialogWidth:460px;unadorne:yes")

  }

  //-->

  </SCRIPT>

  </HEAD>

  <BODY>

  text:<input type="text" name="testInput" /><br>

  <input type="button" onclick="selectValue()" value="选择" />

  </BODY>

  </HTML>

  sub.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="">

  <SCRIPT LANGUAGE="JavaScript">

  <!--

  function selectValues(){

  var obj = document.getElementsByName("temp");

  var value = "";

  for(var i = 0 ;i < obj.length ; i ++){

  if(obj[i].checked == true)

  value += obj[i].value;

  }

  window.opener.document.all.testInput.value = value;

  window.close();

  }

  //-->

  </SCRIPT>

  </HEAD>

  <BODY>

  <input type="checkbox" name="temp" value="A" />  A <br>

  <input type="checkbox" name="temp" value="B"/>  B <br>

  <input type="checkbox" name="temp" value="C" /> C <br>

  <input type="checkbox" name="temp" value="D" />  D <br>

  <input type="button" value="OK" onclick="selectValues()"/>

  </BODY>

  </HTML>