你的位置:首页 > 软件开发 > Java > JavaScript用window.opener实现父窗口和子窗口传值

JavaScript用window.opener实现父窗口和子窗口传值

发布时间:2016-09-22 10:00:20
在实际项目中经常会有这样的需求,点击某个按钮弹出对话框,对话框中可以编辑和修改相应的内容,然后再保存并关闭窗口,如果写一个静态的div作为显示隐藏,倒也可以,但是还得调整样式,麻烦点。现在用window.open就可以实现同样的效果,父页面和子页面照样传值。demo代码如下:父页 ...

在实际项目中经常会有这样的需求,点击某个按钮弹出对话框,对话框中可以编辑和修改相应的内容,然后再保存并关闭窗口,如果写一个静态的div作为显示隐藏,倒也可以,但是还得调整样式,麻烦点。现在用window.open就可以实现同样的效果,父页面和子页面照样传值。demo代码如下:父页面:

html部分:

<!--  Author : 赵一鸣  Blog : http://www.zymseo.com  Time : 2016/9/20--><!doctype html><html lang="en">  <head>    <meta charset="UTF-8">    <title>父页面</title>    <meta name="Keywords" content="">    <meta name="Description" content="">    <style type="text/css">      .clear{        position:fixed;        background:rgba(0,0,0,0.2);        top:0px;        right:0px;        bottom:0px;        left:0px;        display:none;      }    </style>  </head>  <body>    <input type="text" id="parentInpt" />    <input type="button" value="编辑" id="edit" />    <!--遮罩层-->    <div class="clear"></div>  </body></html>
通过window对象的open()方法,open()方法将会产生一个新的window窗口对象。其用法为:window.open(URL,windowName,parameters);URL: 描述要打开的窗口的URL地址,如何为空则不打开任何网页;windowName:描述被打开的窗口的民称,可以使用'_top'、'_blank'等内建名称,这里的名称跟<a href="..." target="...">里的target属性是一样的。parameters:描述被打开的窗口的参数值,或者说是样貌,其包括窗口的各个属性值,及要传入的参数值。参数说明如下:top=# 窗口顶部离开屏幕顶部的像素数;left=# 窗口左端离开屏幕左端的像素数;width=# 窗口的宽度;height=# 窗口的高度;menubar=... 窗口有没有菜单,取值yes或no;toolbar=... 窗口有没有工具条,取值yes或no;location=... 窗口有没有地址栏,取值yes或no;directories=... 窗口有没有连接区,取值yes或no;scrollbars=... 窗口有没有滚动条,取值yes或no;status=... 窗口有没有状态栏,取值yes或no;resizable=... 窗口给不给调整大小,取值yes或no;


原标题:JavaScript用window.opener实现父窗口和子窗口传值

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。