`

子窗体给父窗体传值 javascript opener

阅读更多

father.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> 

Java代码  收藏代码
  1. <script language="javascript" type="text/javascript">  
  2. function OpenWindow(szUrl,szTitle,nWidth,nHeight){  
  3.     return window.open(szUrl, szTitle, 'resizable=yes,menubar=no,scrollbars=yes,left=' + (window.screen.width-nWidth)/2 + ',top=' + (window.screen.height-nHeight)/2 + ',width=' + nWidth + ',height=' + nHeight);  //弹出一个居中可控制大小的窗体              
  4.   
  5. }  
  6. function setValue(strValue){  
  7.     document.getElementById("txt_Value").value = strValue;  
  8. }  
  9. </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('child.html 
','child',650,450);" /> 
  </label> 
</form> 
</body> 
</html> 

另一个是子窗体 :child.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> 
Java代码  收藏代码
  1. <script language="javascript" type="text/javascript" >  
  2. function CloseWind(){  
  3.     opener.setValue("子窗体传值到父窗体");  
  4.     window.close();  
  5. }  
  6. </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应用程序的标准做法。 ...

    子窗体传值给父窗体的select

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

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

    - **使用 `window.opener` 属性**:如果子窗体是由父窗体打开的,可以使用 `window.opener` 访问父窗体的全局对象,从而修改父窗体的变量或调用其方法。 - **使用事件监听**:可以创建自定义事件,由子窗体触发事件...

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

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

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

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

    js关闭子窗体刷新父窗体实现方法

    在JavaScript中,有时候我们需要在关闭一个子窗口时刷新其父窗口,这在处理多窗口交互的应用场景中非常常见。例如,子窗口可能用于编辑或添加数据,然后在保存后需要更新父窗口显示的信息。以下是如何使用JavaScript...

    ASP.NET 窗体间传值的方法

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

    Hbuilder MUI 页面刷新及页面传值问题

    在这段代码中,首先使用`plus.webview.currentWebview().opener()`获取到了打开当前页面(子页面B)的父页面(A页面)对象。如果知道父页面的ID,则可以直接使用`plus.webview.getWebviewById('A')`来获取父页面对象...

    JavaScript—window对象使用示例

    6. **子窗体向父窗体传值**: - **简单方法**: 子窗体可以通过`window.parent` 访问父窗体,并通过`window.returnValue` 传递数据。 - 父窗体: ```javascript var str = window.showModalDialog("s.html"); ...

    Javascript判断常用Demo

    1. **打开新窗体传值与回传值**: 在JavaScript中,可以使用`window.open()`函数来打开一个新的窗口或标签页,并传递参数。例如,`window.open('newPage.html', 'myWindow', 'width=400,height=400');`会打开名为`...

Global site tag (gtag.js) - Google Analytics