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 动态修改样式和层叠样式表代码
Apr 27 Javascript
js保存当前路径(cookies记录)
Dec 14 Javascript
jquery.Jwin.js 基于jquery的弹出层插件代码
May 23 Javascript
JavaScript中的ArrayBuffer详细介绍
Dec 08 Javascript
javascript实现youku的视频代码自适应宽度
May 25 Javascript
由ReactJS的Hello world说开来
Jul 02 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
如何使用Vuex+Vue.js构建单页应用
Oct 27 Javascript
JS实现的适合做faq或menu滑动效果示例
Nov 17 Javascript
bootstrapValidator 重新启用提交按钮的方法
Feb 20 Javascript
JS中appendChild追加子节点无效的解决方法
Oct 14 Javascript
vue基于better-scroll实现左右联动滑动页面
Jun 30 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
You might like
Excel数据导入Mysql数据库的实现代码
2008/06/05 PHP
PHP判断数据库中的记录是否存在的方法
2014/11/14 PHP
php数字运算验证码的实现代码
2015/07/30 PHP
示例详解Laravel重置密码代码重构
2016/08/10 PHP
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
输入自动提示搜索提示功能的javascript:sugggestion.js
2013/09/02 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
jQuery插件pagewalkthrough实现引导页效果
2015/07/05 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
gulp-htmlmin压缩html的gulp插件实例代码
2016/06/06 Javascript
AngularJs验证重复密码的方法(两种)
2016/11/25 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
Angular5中状态管理的实现
2018/09/03 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
巧妙运用v-model实现父子组件传值的方法示例
2019/04/07 Javascript
详解JavaScript修改注册表的方法
2020/01/05 Javascript
vue+elementUI 实现内容区域高度自适应的示例
2020/09/26 Javascript
一文秒懂nodejs中的异步编程
2021/01/28 NodeJs
[01:24]DOTA2上海特锦赛OG战队抵达 专车接机入驻总统套房
2016/02/23 DOTA
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
初学Python函数的笔记整理
2015/04/07 Python
在Python中使用PIL模块处理图像的教程
2015/04/29 Python
Python文件处理
2016/02/29 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
Python中的左斜杠、右斜杠(正斜杠和反斜杠)
2016/08/30 Python
Python快速排序算法实例分析
2017/11/29 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
python爬虫 猫眼电影和电影天堂数据csv和mysql存储过程解析
2019/09/05 Python
Python实现结构体代码实例
2020/02/10 Python
Canvas多边形绘制的实现方法
2019/08/05 HTML / CSS
Java中的类包括什么内容?设计时要注意哪些方面
2012/05/23 面试题
咖啡店创业计划书范文
2014/09/15 职场文书
民主评议党员总结
2014/10/20 职场文书
2015年感恩父亲节活动策划方案
2015/05/05 职场文书