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 简练的几个函数
Aug 29 Javascript
Mootools 1.2教程 事件处理
Sep 15 Javascript
页面只有一个text的时候,回车自动submit的解决方法
Aug 12 Javascript
javascript 运算数的求值顺序
Aug 23 Javascript
jquery实现的代替传统checkbox样式插件
Jun 19 Javascript
封装好的javascript前端分页插件pagination
Jan 04 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
Feb 02 Javascript
Jquery判断form表单数据是否变化
Mar 30 Javascript
基于Layer+jQuery的自定义弹框
May 26 Javascript
JS键盘版计算器的制作方法
Dec 03 Javascript
详解百度百科目录导航树小插件
Jan 08 Javascript
Jquery 动态添加元素并添加点击事件实现过程解析
Oct 12 jQuery
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
You might like
PHP 已经成熟
2006/12/04 PHP
php excel reader读取excel内容存入数据库实现代码
2012/12/06 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
yii框架builder、update、delete使用方法
2014/04/30 PHP
推荐一本PHP程序猿都应该拜读的书
2014/12/31 PHP
thinkPHP框架中执行原生SQL语句的方法
2017/10/25 PHP
使用PHP开发留言板功能
2019/11/19 PHP
Laravel相关的一些故障解决
2020/08/19 PHP
PHP rsa加密解密算法原理解析
2020/12/09 PHP
一页面多XMLHttpRequest对象
2007/01/22 Javascript
PPK 谈 JavaScript 的 this 关键字 [翻译]
2009/09/29 Javascript
24款非常有用的 jQuery 插件分享
2011/04/06 Javascript
解析jquery中的ajax缓存问题
2013/12/19 Javascript
如何用jquery控制表格奇偶行及活动行颜色
2014/04/20 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
React入门教程之Hello World以及环境搭建详解
2017/07/11 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
2017/07/27 Javascript
vue+moment实现倒计时效果
2019/08/26 Javascript
JS eval代码快速解密实例解析
2020/04/23 Javascript
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
Python 递归函数详解及实例
2016/12/27 Python
pycharm 在windows上编辑代码用linux执行配置的方法
2018/10/27 Python
Django ImageFiled上传照片并显示的方法
2019/07/28 Python
快速解决pymongo操作mongodb的时区问题
2020/12/05 Python
优秀员工自荐信范文
2013/10/05 职场文书
会计专业推荐信
2013/10/29 职场文书
企业消防安全制度
2014/02/02 职场文书
鼓励运动员的广播稿
2014/02/08 职场文书
技能比赛获奖感言
2014/02/14 职场文书
大学生两会学习心得体会
2014/03/10 职场文书
个人承诺书格式范文
2015/04/29 职场文书
2016关于预防职务犯罪的心得体会
2016/01/21 职场文书
不会写演讲稿,快来看看这篇文章!
2019/08/06 职场文书
怎样评估创业计划书是否有可行性?
2019/08/07 职场文书
python 实现的截屏工具
2021/05/08 Python
Python中Cookies导出某站用户数据的方法
2021/05/17 Python