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代码)
Oct 29 Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 Javascript
jquery随机展示头像代码
Dec 21 Javascript
JS控件的生命周期介绍
Oct 22 Javascript
JavaScript中用toString()方法返回时间为字符串
Jun 12 Javascript
javascript合并表格单元格实例代码
Jan 03 Javascript
AngularJS指令用法详解
Nov 02 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
Jan 23 Javascript
详解Angular 4.x 动态创建组件
Apr 25 Javascript
基于Vue实现可以拖拽的树形表格实例详解
Oct 18 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
Apr 07 Javascript
JavaScript实现两个数组的交集
Mar 25 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
windows的文件系统机制引发的PHP路径爆破问题分析
2014/07/28 PHP
Yii2――使用数据库操作汇总(增删查改、事务)
2016/12/19 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
?牟┛途W扣了一??效果出?? target=
2007/05/27 Javascript
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
扩展javascript的Date方法实现代码(prototype)
2010/11/20 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
jQuery实现简单的DIV拖动效果
2016/02/19 Javascript
使用递归遍历对象获得value值的实现方法
2016/06/14 Javascript
彻底学会Angular.js中的transclusion
2017/03/12 Javascript
微信小程序实现登录页云层漂浮的动画效果
2017/05/05 Javascript
js实现点击切换checkbox背景图片的简单实例
2017/05/08 Javascript
BootStrap表单控件之文本域textarea
2017/05/23 Javascript
JavaScript实现购物车基本功能
2017/07/21 Javascript
8 个有用的JS技巧(推荐)
2019/07/03 Javascript
微信小程序实现拖拽功能
2019/09/26 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
springboot+vue实现文件上传下载
2020/11/17 Vue.js
[03:40]2014DOTA2国际邀请赛 B神专访:躲箭真的很难
2014/07/13 DOTA
python查询mysql中文乱码问题
2014/11/09 Python
python获取远程图片大小和尺寸的方法
2015/03/26 Python
Python+tkinter使用80行代码实现一个计算器实例
2018/01/16 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
python logging设置level失败的解决方法
2020/02/19 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
HTML5给汉字加拼音收起展开组件的实现代码
2020/04/08 HTML / CSS
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
五型班组建设方案
2014/02/10 职场文书
2014年学校领导班子对照检查材料
2014/09/19 职场文书
党的群众路线教育实践活动学习计划
2014/11/03 职场文书
维护民族团结心得体会2016
2016/01/15 职场文书
那些美到让人窒息的诗句,值得你收藏!
2019/08/20 职场文书
话题作文之关于呼唤
2019/11/29 职场文书
React 高阶组件HOC用法归纳
2021/06/13 Javascript
Java中API的使用方法详情
2022/04/06 Java/Android