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实现多域名不同文件的调用方法
Jan 12 Javascript
javascript 定义初始化数组函数
Sep 07 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
Javascript 实现图片无缝滚动
Dec 19 Javascript
jQuery UI Bootstrap是什么?
Jun 17 Javascript
微信小程序 数据封装,参数传值等经验分享
Jan 09 Javascript
jQuery的中 is(':visible') 解析及用法(必看)
Feb 12 Javascript
JavaScript中三种常见的排序方法
Feb 24 Javascript
一个可复用的vue分页组件
May 15 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
Aug 26 Javascript
p5.js绘制旋转的正方形
Oct 23 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 session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
php以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
php实现的双色球算法示例
2017/06/20 PHP
ThinkPHP5 验证器的具体使用
2018/05/31 PHP
php实现记事本案例
2020/10/20 PHP
js停止输出代码
2008/07/20 Javascript
javascript 解析后的xml对象的读取方法细解
2009/07/25 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
2013/04/09 Javascript
javascrip关于继承的小例子
2013/05/10 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
JS简单的图片放大缩小的两种方法
2013/11/11 Javascript
JavaScript面向对象的实现方法小结
2015/04/14 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
2016/10/24 Javascript
angularjs实现多张图片上传并预览功能
2017/02/24 Javascript
jQuery实现鼠标经过显示动画边框特效
2017/03/24 jQuery
详解如何在Vue2中实现组件props双向绑定
2017/03/29 Javascript
使用JavaScript实现alert的实例代码
2017/07/06 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
基于vue1和vue2获取dom元素的方法
2018/03/17 Javascript
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
微信小程序时间控件picker view使用详解
2018/12/28 Javascript
vue学习笔记之Vue中css动画原理简单示例
2020/02/29 Javascript
javaScript代码飘红报错看不懂?读完这篇文章再试试
2020/08/19 Javascript
[01:23]一分钟告诉你 DOTA2为什么叫信仰2
2014/06/20 DOTA
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
python实现RSA加密(解密)算法
2016/02/17 Python
numpy中的delete删除数组整行和整列的实例
2018/05/09 Python
JSON文件及Python对JSON文件的读写操作
2018/10/07 Python
python 实现Harris角点检测算法
2020/12/11 Python
关爱女孩行动实施方案
2014/03/13 职场文书
孝敬父母的活动方案
2014/08/28 职场文书
护士自荐信范文
2015/03/25 职场文书
Python数据分析之pandas读取数据
2021/06/02 Python