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 相关文章推荐
Add a Picture to a Microsoft Word Document
Jun 15 Javascript
ASP Json Parser修正版
Dec 06 Javascript
jQuery 1.5 源码解读 面向中高阶JSER
Apr 05 Javascript
jQuery数据显示插件整合实现代码
Oct 24 Javascript
js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
Dec 27 Javascript
jQuery登陆判断简单实现代码
Apr 21 Javascript
在子窗口中关闭父窗口的一句代码
Oct 21 Javascript
jQuery的选择器中的通配符使用介绍
Mar 20 Javascript
Javascript中设置默认参数值示例
Sep 11 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
js实现web调用摄像头 js截取视频画面
Apr 21 Javascript
微信小程序API—获取定位的详解
Apr 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
初学CAKEPHP 基础教程
2009/11/02 PHP
推荐几款用 Sublime Text 开发 Laravel 所用到的插件
2014/10/30 PHP
PHP 魔术变量和魔术函数详解
2015/02/25 PHP
php中array_slice和array_splice函数解析
2016/10/18 PHP
js中判断文本框是否为空的两种方法
2011/07/31 Javascript
jquery中post方法用法实例
2014/10/21 Javascript
JavaScript中join()方法的使用简介
2015/06/09 Javascript
jQuery实现的仿select功能代码
2015/08/19 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
2016/06/07 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
jQuery基于排序功能实现上移、下移的方法
2016/11/26 Javascript
node.js平台下的mysql数据库配置及连接
2017/03/31 Javascript
JS实现无缝循环marquee滚动效果
2017/05/22 Javascript
Angular17之Angular自定义指令详解
2018/01/21 Javascript
vue+iview 实现可编辑表格的示例代码
2018/10/31 Javascript
js中null与空字符串&quot;&quot;的区别讲解
2019/01/17 Javascript
微信小程序Echarts图表组件使用方法详解
2019/06/25 Javascript
uni app仿微信顶部导航条功能
2019/09/17 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
如何优雅地处理Django中的favicon.ico图标详解
2018/07/05 Python
python如何生成各种随机分布图
2018/08/27 Python
对Python random模块打乱数组顺序的实例讲解
2018/11/08 Python
Python3网络爬虫中的requests高级用法详解
2019/06/18 Python
用Anaconda安装本地python包的方法及路径问题(图文)
2019/07/16 Python
python属于解释型语言么
2020/06/15 Python
Django serializer优化类视图的实现示例
2020/07/16 Python
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
罗技美国官网:Logitech美国
2020/01/22 全球购物
美国婴儿和儿童服装购物网站:PatPat
2020/10/01 全球购物
自我评价是什么
2014/01/04 职场文书
2014年小学植树节活动方案
2014/03/02 职场文书
个人自查自纠材料
2014/10/14 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
给领导敬酒词
2015/08/12 职场文书
运动会口号霸气押韵
2015/12/24 职场文书
七年级作文之关于奶奶
2019/10/29 职场文书