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判断一个URL链接是否有效的实现方法
Oct 08 Javascript
JavaScript中判断页面关闭、页面刷新的实现代码
Aug 27 Javascript
js简单实现点击左右运动的方法
Apr 10 Javascript
javascript中Date format(js日期格式化)方法小结
Dec 17 Javascript
深入剖析JavaScript中的函数currying柯里化
Apr 29 Javascript
jquery动态添加文本并获取值的方法
Oct 12 Javascript
javascript中setAttribute兼容性用法分析
Dec 12 Javascript
实例讲解javascript实现异步图片上传方法
Dec 05 Javascript
angularJs使用ng-repeat遍历后选中某一个的方法
Sep 30 Javascript
浅析微信小程序modal弹窗关闭默认会执行cancel问题
Oct 14 Javascript
Vue组件通信$attrs、$listeners实现原理解析
Sep 03 Javascript
vue3.0中使用element的完整步骤
Mar 04 Vue.js
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 购物车实例(申精)
2009/05/11 PHP
php不写闭合标签的好处
2014/03/04 PHP
超简单的jquery的AJAX用法
2010/05/10 Javascript
jQuery焦点图切换简易插件制作过程全纪录
2014/08/27 Javascript
20个实用的JavaScript技巧分享
2014/11/28 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
2014/12/03 Javascript
Node.js的包详细介绍
2015/01/14 Javascript
JQuery分屏指示器图片轮换效果实例
2015/05/21 Javascript
jQuery插件windowScroll实现单屏滚动特效
2015/07/14 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
2016/04/17 Javascript
JS简单循环遍历json数组的方法
2016/04/22 Javascript
JavaScript程序中实现继承特性的方式总结
2016/06/24 Javascript
JSON 必知必会 观后记
2016/10/27 Javascript
JS实现仿微信支付弹窗功能
2018/06/25 Javascript
Element-UI中Upload上传文件前端缓存处理示例
2019/02/21 Javascript
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
vue-cli在 history模式下的配置详解
2019/11/26 Javascript
JavaScript 如何计算文本的行数的实现
2020/09/14 Javascript
js实现限定范围拖拽的示例
2020/10/26 Javascript
Python 包含汉字的文件读写之每行末尾加上特定字符
2016/12/12 Python
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
python实现对图片进行旋转,放缩,裁剪的功能
2019/08/07 Python
Python高级特性——详解多维数组切片(Slice)
2019/11/26 Python
Python新手学习标准库模块命名
2020/05/29 Python
Python爬虫实现HTTP网络请求多种实现方式
2020/06/19 Python
python爬虫利用代理池更换IP的方法步骤
2021/02/21 Python
军人违纪检讨书
2014/02/04 职场文书
生产助理岗位职责
2014/06/18 职场文书
招商引资工作汇报
2014/10/28 职场文书
2014年统战工作总结
2014/12/09 职场文书
幼儿园五一劳动节活动总结
2015/02/09 职场文书
病人慰问信范文
2015/02/15 职场文书
社区党务工作总结2015
2015/05/19 职场文书
高中生综合素质评价范文
2015/08/18 职场文书
2019年大学生职业生涯规划书
2019/03/25 职场文书