`
codsoul
  • 浏览: 212868 次
  • 性别: Icon_minigender_1
  • 来自: 珠海
社区版块
存档分类
最新评论

(转)js 子窗体传值到父窗体

 
阅读更多
<title>父窗体</title>
<script language="javascript" type="text/javascript">
function OpenWindow(){
    window.open ("s.aspx", "newwindow", "height=400, width=400,top=200,left=600,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" )
}
function setValue(m_strValue){
    document.getElementById("txt_Value").value = m_strValue;
    document.getElementById("Label1").innerText=m_strValue;
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="" runat="server">
  <label>
  <input type="text" name="txt_Value" id="txt_Value" runat=server />
  </label>
  <label>
  <input type="button" name="btn_ShowClose" id="btn_ShowClose" value="打开子窗口" onclick="OpenWindow();" />
  </label>
  <br />
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</form>
</body>
</html>

<title>子窗体</title>
<script language="javascript" type="text/javascript" >
function CloseWind(){
     opener.setValue(document.getElementById("Button1").value);
   // window.close();
}
</script>
</head>

<body>
<form id="form1" name="form1" method="post" action="" runat=server>
  <label>要传到父窗体的值:<input type="text" name="btn_Close" id="Button1" value=""   />
  <input type="button" name="btn_Close" id="btn_Close" value="传值到父窗口" onclick="CloseWind();" />
  </label>

</form>
</body>
</html>
分享到:
评论

相关推荐

    子窗体传值给父窗体的select

    这里我们讨论的是一个典型的用户界面设计场景,涉及到"子窗体传值给父窗体的select"的问题。这个场景通常发生在多级交互的用户界面中,比如在主窗口(父窗体)中有一个`select`下拉框,用户通过点击某个按钮打开一个...

    无刷新 子窗体传值父窗体

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

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

    在JavaScript编程中,子窗体与父窗体之间的数据传递是前端开发中常见的需求。当通过JavaScript的window.open函数打开一个新的浏览器窗口时,这个新窗口被称为子窗体(子窗口),而打开这个新窗口的页面则被称为父...

    ShowModalDialog父窗体向子窗体传值

    然而,需要注意的是,子窗口中的事件响应直接调用父窗口的方法可能会导致窗口挂起,因为这可能涉及到跨窗口的异步通信问题。在这种情况下,可能需要使用其他方法,如回调函数或使用`postMessage` API来实现父子窗口...

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

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

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

    本话题将详细探讨如何利用模态对话框来实现在父窗体和子窗体之间传递数据,以及涉及到的客户端和服务器端技术。 首先,`showModalDialog` 是一个在浏览器环境中(主要是Internet Explorer)用于打开一个新的窗口或...

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

    在JavaScript编程中,特别是在...通过以上示例和知识点,你可以了解到如何在JavaScript中实现子窗体与父窗体之间的值传递,以及在实际项目中可能遇到的其他通信方式。在实际开发中,根据具体需求和环境选择合适的方法。

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

    综上所述,EasyUI弹出窗口的传值与调用父页面方法涉及到前端页面交互的基本技术,理解并熟练掌握这些技巧对于前端开发者来说至关重要。通过正确使用这些方法,可以有效地实现页面间的数据流动和功能协同,提升用户...

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

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

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

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

    window.open父子窗口传值问题

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

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

    在这个例子中,子页面通过`window.opener`获取到父页面的引用,并修改了父页面文本框的值。 二、子页面是iframe框架中的页面情况 如果子页面是作为iframe嵌入在父页面中,我们可以通过`parent`关键字来访问父页面...

    ASP.NET 窗体间传值的方法

    2. **JavaScript交互**:在子窗体中,通过JavaScript操作父窗体的DOM元素来实现值的回传。 3. **Session、Cookie或者Application**:可以使用这些服务器端存储机制来共享数据,但这种方式不适用于临时性的数据传递。...

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

    通过上述示例代码,当用户点击“SetFather”按钮后,子窗体中输入框的值会被复制到父窗体的对应输入框中,并且子窗体会被关闭。 不仅如此,我们还可以在父窗体中控制子窗体的打开,确保子窗体的引用不为空,这样...

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

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

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

    window.showModalDialog() 使用方法: var returnValue = window.showModalDialog(url [, arguments] [,features]); url — 必选参数,类型:字符串,用来指定对话框要显示的文档的URL arguments — 可选参数,...

    frameSet应用 子父窗口传值

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

    Javascript showModalDialog两个窗体之间传值

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

Global site tag (gtag.js) - Google Analytics