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 相关文章推荐
js 页面输出值
Nov 30 Javascript
js中string转int把String类型转化成int类型
Aug 13 Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 Javascript
浅谈JS原型对象和原型链
Mar 02 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
一个非常好用的文字滚动的案例,鼠标悬浮可暂停[两种方案任选]
Dec 01 Javascript
easyUI combobox实现联动效果
Jan 17 Javascript
基于JavaScript实现五子棋游戏
Aug 26 Javascript
JavaScript实现职责链模式概述
Jan 25 Javascript
利用vue和element-ui设置表格内容分页的实例
Mar 02 Javascript
node.js的http.createServer过程深入解析
Jun 06 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
PHP+iFrame实现页面无需刷新的异步文件上传
2014/09/16 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
php中get_magic_quotes_gpc()函数说明
2017/02/06 PHP
PHP如何搭建百度Ueditor富文本编辑器
2018/09/21 PHP
Linux下 php7安装redis的方法
2018/11/01 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
PHP递归的三种常用方式
2019/02/28 PHP
JavaScript 异步调用框架 (Part 1 - 问题 &amp; 场景)
2009/08/03 Javascript
JS 文件传参及处理技巧分析
2010/05/13 Javascript
JQERY limittext 插件0.2版(长内容限制显示)
2010/08/27 Javascript
js验证输入是否为手机号码或电话号码示例
2013/12/30 Javascript
使用javascript做的一个随机点名程序
2014/02/13 Javascript
JS实现控制表格行内容垂直对齐的方法
2015/03/30 Javascript
JavaScript进阶练习及简单实例分析
2016/06/03 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
2019/01/30 Javascript
layui 实现表单和文件上传一起传到后台的例子
2019/09/16 Javascript
Python中使用动态变量名的方法
2014/05/06 Python
用Python写一个无界面的2048小游戏
2016/05/24 Python
利用Python破解斗地主残局详解
2017/06/30 Python
python方向键控制上下左右代码
2018/01/20 Python
获取python的list中含有重复值的index方法
2018/06/27 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
梅西百货澳大利亚:Macy’s Australia
2017/07/26 全球购物
加拿大高尔夫超市:Golf Town
2018/01/12 全球购物
总务岗位职责
2013/11/19 职场文书
合作意向书范本
2014/03/31 职场文书
购房协议书
2014/04/11 职场文书
《孙权劝学》教学反思
2014/04/23 职场文书
设备管理实施方案
2014/05/31 职场文书
学校运动会广播稿
2014/10/11 职场文书
2015年安全生产责任书
2015/01/30 职场文书
2015年信贷员工作总结
2015/04/28 职场文书
中国文明网2015年“向国旗敬礼”活动网上签名寄语
2015/09/24 职场文书
Python实现科学占卜 让视频自动打码
2022/04/09 Python
MySql中的json_extract函数处理json字段详情
2022/06/05 MySQL