编程 Javascript

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

Posted in Javascript onNovember 23, 2013

直接上代码，有些地方可以用到：

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js玩一玩WSH吧

Feb 23 Javascript

js获取select标签的值且兼容IE与firefox

Dec 30 Javascript

纯JS实现动态时间显示代码

Feb 08 Javascript

巧用replace将文字表情替换为图片

Apr 17 Javascript

JS实现屏蔽shift，Ctrl，alt等功能键的方法

Jun 01 Javascript

在JavaScript中处理数组之reverse()方法的使用

Jun 09 Javascript

每天一篇javascript学习小结（Function对象）

Nov 16 Javascript

javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)

Sep 20 Javascript

Dec 08 Javascript

Angular实现双向折叠列表组件的示例代码

Nov 21 Javascript

Vue路由钩子之afterEach beforeEach的区别详解

Jul 15 Javascript

NProgress显示顶部进度条效果及使用详解

Sep 21 Javascript

javascript 实现字符串反转的三种方法

Nov 23 #Javascript

Javascript 鼠标移动上去滑块跟随效果代码分享

Nov 23 #Javascript

jquery实现图片滚动效果的简单实例

Nov 23 #Javascript

js图片向右一张张滚动效果实例代码

Nov 23 #Javascript

JavaScript实现简单的时钟实例代码

Nov 23 #Javascript

JS控制日期显示的小例子

Nov 23 #Javascript

Jquery 动态循环输出表格具体方法

Nov 23 #Javascript