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 相关文章推荐
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
JS通过ajax动态读取xml文件内容的方法
Mar 24 Javascript
jquery使用each方法遍历json格式数据实例
May 18 Javascript
JavaScript中使用自然对数ln的方法
Jun 14 Javascript
深入学习JavaScript中的Rest参数和参数默认值
Jul 28 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
Jun 13 Javascript
Jquery UI实现一次拖拽多个选中的元素操作
Dec 01 Javascript
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
vue-cli中的webpack配置详解
Sep 25 Javascript
jQuery中ajax获取数据赋值给页面的实例
Dec 31 jQuery
vue.js系列中的vue-fontawesome使用
Feb 10 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之变量、常量学习笔记
2008/03/27 PHP
PHP实现的简单网络硬盘
2015/07/29 PHP
PHP实现的文件操作类及文件下载功能示例
2016/12/24 PHP
PHP文件操作实例总结【文件上传、下载、分页】
2018/12/08 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
多浏览器兼容的获取元素和鼠标的位置的js代码
2009/12/15 Javascript
JavaScript 通过模式匹配实现重载
2010/08/12 Javascript
jQuery代码优化 事件委托篇
2011/11/01 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
JSON中双引号的轮回使用过程中一定要小心
2014/03/05 Javascript
JS运动相关知识点小结(附弹性运动示例)
2016/01/08 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
2017/06/13 Javascript
利用node.js实现自动生成前端项目组件的方法详解
2017/07/12 Javascript
详解Js中的模块化是如何实现的
2017/10/18 Javascript
javascript+css3开发打气球小游戏完整代码
2017/11/28 Javascript
angular6的响应式表单的实现
2018/10/10 Javascript
node.js微信小程序配置消息推送的实现
2019/02/13 Javascript
jQuery中each和js中forEach的区别分析
2019/02/27 jQuery
Vue中UI组件库之Vuex与虚拟服务器初识
2019/05/07 Javascript
python爬虫爬取某站上海租房图片
2018/02/04 Python
python正则实现提取电话功能
2018/02/24 Python
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
Python给图像添加噪声具体操作
2019/03/03 Python
详解用Python练习画个美队盾牌
2019/03/23 Python
python中enumerate() 与zip()函数的使用比较实例分析
2019/09/03 Python
python定义类self用法实例解析
2020/01/22 Python
Python实现自动打开电脑应用的示例代码
2020/04/17 Python
使用Keras建立模型并训练等一系列操作方式
2020/07/02 Python
去加拿大的旅行和假期:Canadian Affair
2016/10/25 全球购物
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
Sneaker Studio捷克:购买运动鞋
2018/07/08 全球购物
公务员政审个人鉴定
2014/02/25 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
幼儿园六一主持词开场白
2015/05/28 职场文书