教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 javascript 弹出窗口返回值给父窗口的方法

javascript 弹出窗口返回值给父窗口的方法

发布时间:2015-03-07   编辑:jiaochengji.com
如何在弹出窗口中返回值给原来的父窗口呢?这里介绍下javascript中的实现方法,感兴趣的朋友不妨作个参考。

本节内容:
弹出窗口返回值给父窗口

很多时候,需要实现这样的功能:
在弹出的窗口中将返回值传递给父窗口,以方便调用。

例子:
 

复制代码 代码示例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>弹出窗口返回值给父窗口-www.jiaochengji.com</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>

2,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>
 

>>>查看更多javascript 教程

您可能感兴趣的文章:
解析jquery获取父窗口的元素
关于window.opener的用法
javascript打开网页的方法(window.open)
javascript弹出窗口代码大全
javascript判断弹出窗口是否被屏蔽的方法
javascript编程基础(6)-Window窗口对象
javascript 弹出窗口返回值给父窗口的方法
JS父子窗口相互取值与赋值的方法参考
Javascript弹出窗口的多种方法
javascript内置对象之window对象

关键词: 弹出窗口   
[关闭]
~ ~