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中设置元素class的三种方法小结
Aug 28 Javascript
Javascript浅谈之引用类型
Dec 18 Javascript
JavaScript实现复制或剪切内容到剪贴板功能的方法
May 23 Javascript
使用ajaxfileupload.js实现上传文件功能
Aug 13 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
Vue动态组件和异步组件原理详解
May 06 Javascript
Vue+Element自定义纵向表格表头教程
Oct 26 Javascript
解决Vue-cli3没有vue.config.js文件夹及配置vue项目域名的问题
Dec 04 Vue.js
React服务端渲染原理解析与实践
Mar 04 Javascript
关于Vue Router的10条高级技巧总结
May 06 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
DC动漫人物排行
2020/03/03 欧美动漫
用PHP函数解决SQL injection
2006/12/09 PHP
中英文字符串翻转函数
2008/12/09 PHP
PHP爆绝对路径方法收集整理
2012/09/17 PHP
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
php单链表实现代码分享
2016/07/04 PHP
PHP自定义函数判断是否为Get、Post及Ajax提交的方法
2017/07/27 PHP
CentOS7.0下安装PHP5.6.30服务的教程详解
2018/09/29 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
浅谈JavaScript中面向对象技术的模拟
2006/09/25 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
原生javascript实现图片放大镜效果
2017/01/18 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
javascript将url解析为json格式的两种方法
2017/08/18 Javascript
vue环境搭建简单教程
2017/11/07 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
Vue filter格式化时间戳时间成标准日期格式的方法
2018/09/16 Javascript
Angular脚手架开发的实现步骤
2019/04/09 Javascript
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
python编辑用户登入界面的实现代码
2018/07/16 Python
python将.ppm格式图片转换成.jpg格式文件的方法
2018/10/27 Python
Python+pyplot绘制带文本标注的柱状图方法
2019/07/08 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
python实现文件批量编码转换及注意事项
2019/10/14 Python
python 实现多线程下载视频的代码
2019/11/15 Python
详解python itertools功能
2020/02/07 Python
Python3爬虫里关于Splash负载均衡配置详解
2020/07/10 Python
为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限
2012/12/13 面试题
有abstract方法的类一定要用abstract修饰吗
2016/03/14 面试题
质检员岗位职责
2013/12/17 职场文书
电台实习生求职信
2014/02/25 职场文书
机械系毕业生求职信
2014/05/28 职场文书
竞聘自述材料
2014/08/25 职场文书
先进班组事迹材料
2014/12/25 职场文书
文明倡议书
2015/01/19 职场文书
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle