您的位置
主页 > 网站技术 > 语言编程 > » 正文

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>




首页  - 关于站长圈  - 广告服务  - 联系我们  - 关于站长圈  - 网站地图  - 版权声明