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 相关文章推荐
判断对象是否Window的实现代码
Jan 10 Javascript
在百度知道团队中快速审批新成员的js脚本
Feb 02 Javascript
原生js实现fadein 和 fadeout淡入淡出效果
Jun 05 Javascript
在Ubuntu系统上安装Node.JS的教程
Oct 15 Javascript
基于jquery实现动态竖向柱状条特效
Feb 12 Javascript
ionic2打包android时gradle无法下载的解决方法
Apr 05 Javascript
javascript 中的继承实例详解
May 05 Javascript
vue文件树组件使用详解
Mar 29 Javascript
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 Javascript
详解javascript appendChild()的完整功能
Aug 18 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 Javascript
详解在vue-cli3.0中自定css、js和图片的打包路径
Aug 26 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的可变变量名的使用方法分享
2012/02/05 PHP
PHP 修复未正常关闭的HTML标签实现代码(支持嵌套和就近闭合)
2012/06/07 PHP
PHP批量检测并去除文件BOM头代码实例
2014/05/08 PHP
php实现简单文件下载的方法
2015/01/30 PHP
jQuery获得内容和属性示例代码
2014/01/16 Javascript
js取值中form.all和不加all的区别介绍
2014/01/20 Javascript
Nodejs极简入门教程(一):模块机制
2014/10/25 NodeJs
AngularJS directive返回对象属性详解
2016/03/28 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
jQuery基于ajax操作json数据简单示例
2017/01/05 Javascript
JS正则表达式验证账号、手机号、电话和邮箱是否合法
2017/03/08 Javascript
Vue 页面跳转不用router-link的实现代码
2018/04/12 Javascript
JS获取浏览器地址栏的多个参数值的任意值实例代码
2018/07/24 Javascript
JavaScript 严格模式(use strict)用法实例分析
2020/03/04 Javascript
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
Python多线程下载文件的方法
2015/07/10 Python
Python实现二叉搜索树
2016/02/03 Python
Python for Informatics 第11章 正则表达式(一)
2016/04/21 Python
Python for Informatics 第11章之正则表达式(四)
2016/04/21 Python
Python读取英文文件并记录每个单词出现次数后降序输出示例
2018/06/28 Python
python如何生成各种随机分布图
2018/08/27 Python
keras打印loss对权重的导数方式
2020/06/10 Python
phpquery中文手册
2021/03/18 PHP
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
半年思想汇报
2013/12/30 职场文书
儿媳婚宴答谢词
2014/01/14 职场文书
留学推荐信怎么写
2014/01/25 职场文书
社区母亲节活动记录
2014/03/06 职场文书
会计人员岗位职责
2014/03/19 职场文书
抽奖活动主持词
2014/03/31 职场文书
高中语文课后反思
2014/04/27 职场文书
新闻工作者先进事迹
2014/05/26 职场文书
机电专业毕业生自我鉴定2014
2014/10/04 职场文书
客户答谢会致辞
2015/07/30 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
Python可变集合和不可变集合的构造方法大全
2021/12/06 Python