关于父子页面的传值

最新推荐文章于 2021-03-06 11:57:20 发布

原创最新推荐文章于 2021-03-06 11:57:20 发布 · 936 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web开发

WEB开发专栏收录该内容

5 篇文章

订阅专栏

本文介绍了两种在网页开发中实现父子页面间传值的方法：非模式状态与模式状态。详细解释了如何通过 JavaScript 实现这两种传值方式，并提供了具体的代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在web开发过程中经常会遇到父子页面之间互相传值的情况，今天我也遇到这种情况，有时间就来记下，以免今后忘了。

父子页面互相传值我知道的有两种做法

一、非模式状态　这种状态下打开子页面后还可以继续操作父页面，这样有时候会有一些弊端。具体做法如下：

在父页面：

var width = window.screen.width * 0.5;
var height = window.screen.height * 0.3;
var top = (window.screen.width - width)/2;
var left = (window.screen.height - height)/2;
var args = "height="+height+",width="+width+",top="+top+",left="+left;
var link = "子页面";
window.open(link,"_blank",args+",toolbar=no,location=no,resizable=yes,status=no");

子页面往父页面传值：

window.opener.document.getElementsByName("name0].value=xx;

window.opener即可得到父页面对象

二、在模式状态下，这种状态下打开子页面后不能操作父页面，具体做法如下：

在父页面：

var link = "子页面";
window.showModalDialog(link,window,"dialogWidth:490px;dialogHeight:300px;center:yes;help:no;resizable:no;status:no");

在子页面：

var pwin = window.dialogArguments; 取得父页面对象

pwin .document.getElementsByName("name0].value=xx;给父页面对象附值