<!--将弹出来的子窗口的值传给父窗体
父窗口
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function openWindow() {
var result = window.showModalDialog("childen.html","DialogHeigth=40,DialogWidth:100px,location:no,menubar:no,toolbar:no,status:no");
if(result)
document.getElementsByName("content")[0].value=result;
}
</script>
</HEAD>
<BODY>
<input type="button" value="打开新窗口" onclick="openWindow()">
<hr>
这是父窗口<br>
<input type="text" name="content" >
</BODY>
</HTML>
<!--子窗口-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script type="text/javascript">
function execute() {
window.returnValue = document.getElementsByName("content")[0].value;
window.close();
}
</script>
</HEAD>
<BODY>
<input type="text" name="content" value="这是子窗口">
<input type="button" value="确定" onclick="execute()">
</BODY>
</HTML>
分享到:
相关推荐
这个过程就称为“子窗口传值到父窗口”。在JavaScript中,我们可以利用多种方法实现这一功能。以下是一些常用的技术和步骤: 1. **使用window.opener属性**: - 子窗口可以通过`window.opener`属性访问父窗口的...
### 父窗口向子窗口传值 1. **通过`window.open()`方法传参**:在创建子窗口时,可以通过URL查询字符串传递参数。例如: ```javascript var childWindow = window.open('child.html?param1=value1¶m2=value2'...
JS中用open方式打开新窗口向父窗口传值 在JavaScript中,使用`window.open()`方法可以打开一个新的浏览器窗口,这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先,让我们回顾一下`...
2. **父窗口向子窗口传值** - URL参数:父窗口在打开子窗口时,可以通过URL携带参数,子窗口通过解析URL获取这些参数。 - `window.parent`:子窗口可以通过`window.parent`访问父窗口的对象,调用其方法或修改变量...
总结一下,JavaScript实现弹出子窗口并传值给父窗口的基本步骤包括: 1. 在父窗口中定义一个函数来打开子窗口,并指定回调函数接收返回值。 2. 创建子窗口,包含用户交互元素,提供一个功能用于获取用户输入并设置`...
首先,让我们理解标题中的“弹出window窗口传值”。在EasyUI中,创建一个弹出窗口通常涉及到以下步骤: 1. 创建一个HTML文件作为子页面,包含需要展示的数据和交互元素。 2. 在父页面中,通过`$.dialog`或`$.window...
当我们谈论“window.open父子窗口传值问题”,我们指的是在父窗口通过`window.open`创建了一个子窗口,并需要在两者之间进行数据通信的情况。 首先,让我们了解一下`window.open`的基本语法: ```javascript var ...
结合子父窗口传值,可能的场景是:用户在子窗口中输入或选择数据,点击提交后,子窗口通过`postMessage`将数据发送给父窗口,父窗口接收到数据后动态添加行到某个表格中显示。 总结来说,"子父窗口传值--动态添加行...
在JavaScript编程中,主窗口与子窗口之间的通信是一种常见的需求,特别是在构建多窗口应用程序或使用iframe时。本文将深入探讨如何在JavaScript中实现主窗口(parent window)与子窗口(child window)之间的值传递...
当用户在子窗口中完成选择后,希望这些选中的`checkbox`值能够回填到父窗口的`select`下拉框中。 首先,我们需要了解`select`和`checkbox`的基本概念。`select`元素在HTML中用于创建下拉列表,用户可以从中选择一个...
例如,假设有一个名为`leftFrame`的子窗口想要向名为`rightFrame`的父窗口发送消息: ```javascript // 在leftFrame中 window.parent.rightFrame.postMessage('这是从左窗体传来的信息', '*'); ``` 在`rightFrame`...
子窗口可以通过AJAX向服务器发送请求,然后父窗口通过监听服务器返回的回调数据来实现值的传递。这种方式适用于需要服务器参与的数据交换。 6. **使用框架和库**: 如React、Vue或Angular等现代前端框架提供了更...
在JavaScript中,可以使用window.open()函数创建新窗口,并通过window对象的属性(如opener或parent)来访问父窗口或子窗口的变量和方法。例如,父窗口可以将数据存储在一个全局变量中,子窗口通过引用父窗口的变量...
js窗体间传值的小demo,这里是一个修改课程的例子,当然通过修改可以做成不过后台的修改,然后一次提交多条记录
如果子窗口传值成功,则将接收到的数据更新到父页面的某个元素中,本例中是更新`div`元素的内容。 上述的实现主要涉及到JavaScript的几个关键点: 1. `window.showModalDialog`方法用于创建模态对话框。 2. `...
1. `pageURL`:这是一个必需的参数,定义了新窗口或子窗口将要加载的页面URL。 2. `name`:可选参数,用于指定新窗口的名称。这个名字可以被`window`对象的其他属性和方法引用,例如`window.name`,并且可以用于书签...
总的来说,`showModalDialog`和`showModelessDialog`是JavaScript中用于创建弹出式对话框的两种方式,它们提供了在父窗口与子窗口之间传递数据的机制,同时也能够定制对话框的外观和行为。在实际应用中,根据需求...
`setFather()`函数用于设置父窗口的值,而`returnValue()`和`relodeValue()`函数则分别用于返回一个值并关闭子窗口,以及关闭子窗口并要求刷新父窗口。 总结来说,这个示例展示了JavaScript中使用`window....
例如,如果在父窗口中创建了一个名为`childWin`的子窗口,我们可以在子窗口中设置一个全局变量来存储从父窗口传递过来的值,然后在父窗口中通过`childWin.myValue`来获取这个值。 第二种方法是利用`window.post...