<script> var $tag='javascript,子窗体,父窗体,相互,传值,it'; var $tag_code='0c62f307ec83b43db0039c9004cd423a';</script>
//模式窗体传值
<!-- ====== 父窗体，我取名为parentform.html ==== -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>弹出窗口内录入数据确定后返回给父窗体--主窗体</title>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="qiujy">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" type="text/javascript">
function doInput()
{
var win = window.showModalDialog("Childform.html",window,"dialogWidth=500px;dialogHeight=300px;center=yes;status=no");
if(win != null)
{
document.getElementById("parentTextBox").value = win;
}
}
</script>
</head>
<body>在新弹出的窗体里输入数据，传输到父窗体.
<br/>
<br/>
<br/>
<input type="text" id="parentTextBox" /> <a href="javascript:doInput()">点这里弹出子窗体</a>
</BODY>
</HTML>
<!-- ============= 父窗体代码结束 ============= -->
<!-- ======= 子窗体：取名为childform.html ======= -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title> 弹出窗口内录入数据确定后返回给父窗体--子窗体</title>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="qiujy">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<base target="_self">
</head>
<body topmargin="0" leftmargin="0" scroll="no">
</br>
<input type="text" id="childTextBox"/>
</br></br>
<a href="javascript:doPassToParent()">点这里返回</a>
</BODY>
</HTML>
<script language="javascript" type="text/javascript">
document.getElementById("childTextBox").value = window.dialogArguments.document.getElementById("parentTextBox").value;
function doPassToParent()
{
if(document.getElementById("childTextBox").value.length <=0)
{
alert("请填写数据");
return;
}
window.returnValue = document.getElementById("childTextBox").value;
window.close();
}
</script>
//子窗体和父窗体传值
1.新建两个页面 一个是 Parent.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>父窗体</title>
<script language="javascript" type="text/javascript">
function OpenWindow(){
window.open('son.html');
}
function setValue(m_strValue){
document.getElementById("txt_Value").value = m_strValue;
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="text" name="txt_Value" id="txt_Value" />
</label>
<label>
<input type="button" name="btn_ShowClose" id="btn_ShowClose" value="按钮" onclick="OpenWindow();" />
</label>
</form>
</body>
</html>
另一个是子窗体 :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>子窗体</title>
<script language="javascript" type="text/javascript" >
function CloseWind(){
opener.setValue("传值到父窗体");
window.close();
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>关闭
<input type="button" name="btn_Close" id="btn_Close" value="按钮" onclick="CloseWind();"
/>
</label>
</form>
</body>
</html>
2.通过子窗体执行的父窗体的setValue(m_strValue)来执行赋值操作.
分享到：
相关推荐
在IT行业中，尤其是在Web开发领域，"无刷新子窗体传值父窗体"是一个常见的需求，它涉及到页面间通信和用户体验优化。无刷新技术可以让用户在不重新加载整个页面的情况下更新部分页面内容，提高交互性和效率。在这个...
通过JavaScript的window.open方法，可以灵活地在父窗体和子窗体间进行数据传递。在使用时，需要注意的是安全性问题和浏览器的同源策略限制，确保在允许的范围内操作。通过上述代码示例，可以了解到如何在父窗体和子...
1. **子窗体与父窗体通信**：在JavaScript或者类似的客户端脚本语言中，子窗体和父窗体之间的通信可以通过多种方式实现。如果子窗体是弹出的模态对话框，通常可以通过事件监听和回调函数来传递信息。例如，可以在子...
本话题将详细探讨如何利用模态对话框来实现在父窗体和子窗体之间传递数据，以及涉及到的客户端和服务器端技术。 首先，`showModalDialog` 是一个在浏览器环境中（主要是Internet Explorer）用于打开一个新的窗口或...
以下是一个关于子窗体与父窗体之间传值的示例和相关知识点的详细解释。 首先，让我们看看提供的代码片段： ```javascript // 返回值给父窗体 function returnParent(value) { var parent = window....
总的来说，`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式，它们提供了在父窗口与子窗口之间传递数据的机制，同时也能够定制对话框的外观和行为。在实际应用中，根据需求...
总结一下，.NET中利用JavaScript实现子窗体向父页面传值的步骤如下： 1. 在子页面C#后台中，创建一个方法，如`SetValueToParentPage`，生成JavaScript代码，将需要传递的值赋给`window.returnValue`，并关闭子窗口...
通过js实现的子窗体与父窗体之间的值传递
在EasyUI中，我们可能会遇到需要在弹出窗口（子页面）与父页面之间进行数据传递或调用父页面方法的需求。下面将详细讲解这个过程。 首先，让我们理解标题中的“弹出window窗口传值”。在EasyUI中，创建一个弹出窗口...
JavaScript（JS）是一种广泛用于网页和网络应用的脚本语言，尤其在处理页面交互和数据传递方面发挥着重要作用。在多页面应用或者嵌入式框架（如iframe）中，经常需要进行父页面与子页面之间的数据交换。下面将详细...
当我们谈论“window.open父子窗口传值问题”，我们指的是在父窗口通过`window.open`创建了一个子窗口，并需要在两者之间进行数据通信的情况。 首先，让我们了解一下`window.open`的基本语法： ```javascript var ...
"模式窗体页面传值"这一主题主要关注的是如何在模态对话框（模式窗体）与主窗口（页面）之间有效地传输数据。以下是一些关键知识点： 1. **模式窗体（Modal Form）**：模式窗体是一种阻止用户与窗口背后内容交互的...
本文将探讨如何使用JavaScript实现从一个子窗体向父窗体传递数据。 首先，通过window.open()函数，可以实现打开一个新的浏览器窗口。此函数通常在父窗体中调用，并可以传递一个URL参数来指定新窗口加载的页面。...
总结来说，JavaScript的`window.showModalDialog()` 提供了一种强大的方式来实现子父窗体间的通信，允许我们传递任意类型的数据并获取返回值，从而增强了网页应用程序的交互性和用户体验。然而，需要注意的是，由于`...
总结，`frameSet`在实现多窗口布局和子父窗口通信时发挥了作用，但在现代Web开发中，为了更好的用户体验和兼容性，建议使用`iframe`和JavaScript的`postMessage`方法来替代。同时，利用JSP或类似的服务器端技术可以...
Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新窗体，不过他打开的是一个模态窗口，那么如何在父窗体和子窗体之间传值呢？我们先看该函数的定义：...
本文将详细介绍如何利用JavaScript在.NET环境下实现在子窗口中向父页面传值的方法。 首先，我们要在子页面的C#后台代码中创建一个方法，这个方法的目的是将需要传递的值转化为JavaScript对象，并将其赋值给`window....
2. **JavaScript交互**：在子窗体中，通过JavaScript操作父窗体的DOM元素来实现值的回传。 3. **Session、Cookie或者Application**：可以使用这些服务器端存储机制来共享数据，但这种方式不适用于临时性的数据传递。...