润乾实现超链接弹出子页面，并返回给主页面

kongdeqiang_002

于 2012-11-19 12:26:30 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/kongdeqiang_002/article/details/8198909

本文介绍如何在网页开发中实现父子页面间的参数传递与返回，包括使用JavaScript在URL中传递参数，以及如何在子页面接收并返回参数至父页面，并将返回值写入指定单元。

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

弹出对话框返回参数：

要往对话框中传递参数非常容易，直接拼在url中即可，可是如何接收返回参数并且把返回参数写入单元格呢？

在父页面中写入如下代码：

<script language="JavaScript">
function getChildValue(childValue){ //接收子页面的返回参数，该方法被子页面调用
document.form1.textfield.value = childValue;
}

function openChildWeb(){ //打开子页面
window.open ('childweb.htm','newwindow','height=100,width=400,top=0,left=0') ;
}
</script>

在子页面中写入如下代码：

<script language="JavaScript" >
function putChildValue(){
var childValue = document.form1.textfield.value; //获得返回参数
opener.getChildValue(childValue) ; //调用父页面的方法传递返回参数
window.close(); //关闭子页面
}
</script>