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实现计算加载页面所用的时间
Apr 02 Javascript
在js文件中如何获取basePath处理js路径问题
Jul 10 Javascript
jQuery父级以及同级元素查找介绍
Sep 04 Javascript
浅谈js中变量初始化
Feb 03 Javascript
jquery表单对象属性过滤选择器实例分析
May 18 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
Jan 14 Javascript
AngularJS实现一次监听多个值发生的变化
Aug 31 Javascript
jQuery内容过滤选择器用法示例
Sep 09 Javascript
JavaScript中的工厂函数(推荐)
Mar 08 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
关于react-router的几种配置方式详解
Jul 24 Javascript
12个提高JavaScript技能的概念(小结)
May 09 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
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
Thinkphp5框架实现获取数据库数据到视图的方法
2019/08/14 PHP
JavaScript创建命名空间(namespace)的最简实现
2007/12/11 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
jQuery晃动层特效实现方法
2015/03/09 Javascript
第一篇初识bootstrap
2016/06/21 Javascript
详解XMLHttpRequest(一)同步请求和异步请求
2016/09/14 Javascript
KnockoutJS 3.X API 第四章之表单textInput、hasFocus、checked绑定
2016/10/11 Javascript
Angularjs上传文件组件flowjs功能
2017/08/07 Javascript
react-native android状态栏的实现
2018/06/15 Javascript
快速解决angularJS中用post方法时后台拿不到值的问题
2018/08/14 Javascript
浅谈关于iview表单验证的问题
2018/09/29 Javascript
用VueJS写一个Chrome浏览器插件的实现方法
2019/02/27 Javascript
微信小程序云开发之数据库操作
2019/05/18 Javascript
VUE:vuex 用户登录信息的数据写入与获取方式
2019/11/11 Javascript
Postman如何实现参数化执行及断言处理
2020/07/28 Javascript
Python完全新手教程
2007/02/08 Python
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
python3.4实现邮件发送功能
2018/05/28 Python
python中时间模块的基本使用教程
2019/05/14 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
python实现在函数中修改变量值的方法
2019/07/16 Python
关于Keras模型可视化教程及关键问题的解决
2020/01/24 Python
python 中的命名空间,你真的了解吗?
2020/08/19 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
pytorch 实现L2和L1正则化regularization的操作
2021/03/03 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
印度低票价航空公司:GoAir
2017/10/11 全球购物
HomeAway澳大利亚:预订你的度假屋,公寓、度假村、别墅等
2019/02/20 全球购物
澳大利亚儿童精品仓库:Goo & Co.
2019/06/20 全球购物
C#如何进行LDAP用户校验
2012/11/21 面试题
评析教师个人的自我评价
2014/02/19 职场文书
保卫科工作岗位职责
2014/03/01 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
2015大学生党员自我评价范文
2015/03/03 职场文书
简爱读书笔记
2015/06/26 职场文书