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 监听textarea中按键事件
Oct 08 Javascript
javascript数组排序汇总
Jul 07 Javascript
学习JavaScript事件流和事件处理程序
Jan 25 Javascript
基于JS实现类似支付宝支付密码输入框
Sep 02 Javascript
无法获取隐藏元素宽度和高度的解决方案
Mar 07 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
详解React Native网络请求fetch简单封装
Aug 10 Javascript
js原生方法被覆盖,从新赋值原生的方法
Jan 02 Javascript
Js中使用正则表达式验证输入是否有特殊字符
Sep 07 Javascript
微信小程序代码上传、审核发布小程序
May 18 Javascript
Vue动态面包屑功能的实现方法
Jul 01 Javascript
javascript设计模式之迭代器模式
Jan 30 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获取http请求的头信息实现步骤
2012/12/16 PHP
php中的静态变量的基本用法
2014/03/20 PHP
Zend Framework连接Mysql数据库实例分析
2016/03/19 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
CMSPRESS 10行代码搞定 PHP无限级分类2
2018/03/30 PHP
使用jquery实现div的tab切换实例代码
2013/05/27 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
Eclipse引入jquery报错如何解决
2015/12/01 Javascript
jquery zTree异步加载简单实例讲解
2016/02/25 Javascript
jQuery异步提交表单的两种方式
2016/09/13 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
2016/12/14 Javascript
BootStrap中的Fontawesome 图标
2017/05/25 Javascript
解析Vue2 dist 目录下各个文件的区别
2017/11/22 Javascript
Vue单页及多页应用全局配置404页面实践记录
2018/05/22 Javascript
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
2019/09/24 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
2019/09/24 Javascript
微信小程序实现选项卡滑动切换
2020/10/22 Javascript
[57:59]EG vs Secret 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
Python3.6正式版新特性预览
2016/12/15 Python
对Django 转发和重定向的实例详解
2019/08/06 Python
python遍历路径破解表单的示例
2020/11/21 Python
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
Stubhub英国:购买体育、演唱会和剧院门票
2018/06/10 全球购物
捷克厨房用品购物网站:Tescoma
2018/07/13 全球购物
计算机应用职专应届生求职信
2013/11/12 职场文书
应届毕业生求职自荐书
2014/01/03 职场文书
党的群众路线教育实践活动对照检查材料(个人)
2014/09/24 职场文书
5.12护士节活动总结
2015/02/10 职场文书
离婚被告答辩状
2015/05/22 职场文书
初中政教处工作总结
2015/08/12 职场文书
Python使用UDP实现720p视频传输的操作
2021/04/24 Python
MySQL系列之三 基础篇
2021/07/02 MySQL
深入浅出讲解Java8函数式编程
2022/01/18 Java/Android