`
java_frog
  • 浏览: 253151 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

子窗体给父窗体传值 JavaScript

阅读更多
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)来执行赋值操作.

分享到:
评论

相关推荐

    javascript 子窗体父窗体相互传值方法

    补充说明中提到的“模式窗体传值”可能指的是在弹出的子窗体中用户输入数据后,将这些数据传回父窗体的一种模式。父窗体通过特定的方式,如弹出模态窗口让用户操作并返回结果,这是许多现代Web应用程序的标准做法。 ...

    利用模态对话框实现父窗体、子窗体间传值

    // 这里的returnValue是返回给父窗体的数据 window.close(); // 关闭对话框 } ``` 在父窗体中,`showModalDialog` 的返回值就是子窗体设置的`window.returnValue`,这样就可以获取到子窗体传递的数据: ```...

    子窗体传值给父窗体的select

    综上所述,实现"子窗体传值给父窗体的select"的关键在于理解窗口间的通信机制,以及如何在JavaScript中操作DOM元素,特别是`select`和`checkbox`。在实际开发中,需要根据具体的业务需求和所使用的前端框架(如React...

    无刷新 子窗体传值父窗体

    在IT行业中,尤其是在Web开发领域,"无刷新子窗体传值父窗体"是一个常见的需求,它涉及到页面间通信和用户体验优化。无刷新技术可以让用户在不重新加载整个页面的情况下更新部分页面内容,提高交互性和效率。在这个...

    .NET中利用js让子窗体向父页面传值的实现方法.docx

    总结一下,.NET中利用JavaScript实现子窗体向父页面传值的步骤如下: 1. 在子页面C#后台中,创建一个方法,如`SetValueToParentPage`,生成JavaScript代码,将需要传递的值赋给`window.returnValue`,并关闭子窗口...

    子窗体与父窗体传值示例js代码

    以下是一个关于子窗体与父窗体之间传值的示例和相关知识点的详细解释。 首先,让我们看看提供的代码片段: ```javascript // 返回值给父窗体 function returnParent(value) { var parent = window....

    ShowModalDialog父窗体向子窗体传值

    总的来说,`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式,它们提供了在父窗口与子窗口之间传递数据的机制,同时也能够定制对话框的外观和行为。在实际应用中,根据需求...

    使用js通过iframe给父窗体传值以及取值

    通过js实现的子窗体与父窗体之间的值传递

    easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

    接着,我们讨论“子页面给父页面赋值”。当子页面完成了某些操作,比如用户输入或者数据处理后,可能需要将结果反馈给父页面。这通常通过事件触发或回调函数实现。例如,可以添加一个按钮,在点击时执行赋值操作: ...

    .NET中利用js让子窗体向父页面传值的实现方法

    本文将详细介绍如何利用JavaScript在.NET环境下实现在子窗口中向父页面传值的方法。 首先,我们要在子页面的C#后台代码中创建一个方法,这个方法的目的是将需要传递的值转化为JavaScript对象,并将其赋值给`window....

    javascript 实现子父窗体互相传值的简单实例

    本文将深入探讨如何使用JavaScript实现子父窗体之间的数据交互,主要关注`window.showModalDialog()`方法。 `window.showModalDialog()` 是一个用于打开模态对话框的函数,它会阻止用户与对话框之外的任何内容进行...

    window.open父子窗口传值问题

    当我们谈论“window.open父子窗口传值问题”,我们指的是在父窗口通过`window.open`创建了一个子窗口,并需要在两者之间进行数据通信的情况。 首先,让我们了解一下`window.open`的基本语法: ```javascript var ...

    JS父页面与子页面相互传值方法

    JavaScript(JS)是一种广泛用于网页和网络应用的脚本语言,尤其在处理页面交互和数据传递方面发挥着重要作用。在多页面应用或者嵌入式框架(如iframe)中,经常需要进行父页面与子页面之间的数据交换。下面将详细...

    frameSet应用 子父窗口传值

    总结,`frameSet`在实现多窗口布局和子父窗口通信时发挥了作用,但在现代Web开发中,为了更好的用户体验和兼容性,建议使用`iframe`和JavaScript的`postMessage`方法来替代。同时,利用JSP或类似的服务器端技术可以...

    模式窗体页面传值关于自定义控件与页面之间的传值

    "模式窗体页面传值"这一主题主要关注的是如何在模态对话框(模式窗体)与主窗口(页面)之间有效地传输数据。以下是一些关键知识点: 1. **模式窗体(Modal Form)**:模式窗体是一种阻止用户与窗口背后内容交互的...

    Javascript showModalDialog两个窗体之间传值

    Javascript 两个窗体之间传值实现代码javascript中还有一个函数window.showModalDialog也可以打开一个新窗体,不过他打开的是一个模态窗口,那么如何在父窗体和子窗体之间传值呢?我们先看该函数的定义:...

    Javascript 两个窗体之间传值实现代码

    本文将探讨如何使用JavaScript实现从一个子窗体向父窗体传递数据。 首先,通过window.open()函数,可以实现打开一个新的浏览器窗口。此函数通常在父窗体中调用,并可以传递一个URL参数来指定新窗口加载的页面。...

    iframe父子传值

    本文将详细介绍如何在`iframe`的父窗体与子窗体之间进行数据传递。 ### 1. 同源策略与跨域限制 首先,我们需要了解浏览器的安全机制——同源策略。同源策略规定,只有相同协议、域名和端口的两个页面才能相互访问...

Global site tag (gtag.js) - Google Analytics