window.open打开窗口之间传值
父窗口代码
<!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">
var win;
function test_open() {
// 打开一个新窗口，返回一个新窗口的引用
win = window.open("son.html", "win", "width:200, height:200");
}
// 父窗口对子窗口赋值
function test_set() {
// 通过名字给表单元素赋值
win.document.getElementsByName("age")[0].value = "20";
var str = "给子窗口赋值成功，值为：";
alert(str + win.document.getElementsByName("age")[0].value);
}
</script>
</head>
<body>
用户名：<input type="text" name="username" /><br />
<input type="button" onclick="test_open()" value="打开一个新窗口" /><br />
<input type="button" onclick="test_set()" value="给子窗口赋值" /><br />
</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">
// 子窗口给父窗口赋值
function test_parent() {
// 通过opener指向父窗口(可以访问父窗口的所有对象)
window.opener.document.getElementsByName("username")[0].value = "keveon";
var str = "给父窗口赋值成功，值为：";
alert(str + window.opener.document.getElementsByName("username")[0].value);
}
</script>
</head>
<body>
年龄：<input type="text" name="age" /><br />
<input type="button" value="给父窗口赋值" onclick="test_parent()" />
</body>
</html>
分享到：
相关推荐
当我们谈论“window.open父子窗口传值问题”，我们指的是在父窗口通过`window.open`创建了一个子窗口，并需要在两者之间进行数据通信的情况。 首先，让我们了解一下`window.open`的基本语法： ```javascript var ...
在JavaScript中，使用`window.open()`方法可以打开一个新的浏览器窗口，这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先，让我们回顾一下`window.open()`方法的基本用法。`window....
- 父窗口中，打开子窗口时保存一个引用，如`var childWindow = window.open(...)` - 然后在适当的时候，通过`childWindow`访问子窗口的变量或方法。 2. **使用window.postMessage API**： - HTML5引入了`window....
在网页开发中，有时我们需要打开新的窗口或者弹出对话框来...而`window.open`更适合于打开新页面，用户可以在新窗口和原窗口之间自由切换。在处理父子窗口间的通信时，两者都可以利用`window.opener`属性实现数据交换。
本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先，我们需要理解“父窗口”和“子窗口”的概念。在浏览器环境中，一个窗口可以打开另一个窗口，前者称为父窗口，后者称为子窗口。例如，一...
首先，让我们理解标题中的“弹出window窗口传值”。在EasyUI中，创建一个弹出窗口通常涉及到以下步骤： 1. 创建一个HTML文件作为子页面，包含需要展示的数据和交互元素。 2. 在父页面中，通过`$.dialog`或`$.window...
`window.open()`是JavaScript中的一个内置函数，用于打开新的浏览器窗口或者标签页，并可以指定新窗口的URL、尺寸以及窗口特性。 首先，我们来了解`window.open()`的基本语法： ```javascript window.open(url, ...
在ASP.NET中，弹出窗体可以使用`window.open`JavaScript函数实现，而传值则可以通过以下几种方式： 1. **URL参数**：在打开弹出窗口时，可以在URL中添加查询字符串来传递数据。弹出窗口加载后，可以通过JavaScript...
例如，如果在父窗口中创建了一个名为`childWin`的子窗口，我们可以在子窗口中设置一个全局变量来存储从父窗口传递过来的值，然后在父窗口中通过`childWin.myValue`来获取这个值。 第二种方法是利用`window.post...
在JavaScript中，弹出窗口通常指的是使用`window.open()`、`window.showModalDialog()`或`window.showModelessDialog()`等方法创建的新窗口。这些方法在Web应用中常用于实现一些交互性的功能，如用户确认、数据输入...
在这个"弹出窗口互相传值范例"中，我们将会探讨如何在不同的弹出窗口之间传递数据，这在Web开发中是一个重要的技能。 首先，我们看到的文件名如`MikeCat_pcwin.aspx`、`cwin_modal.aspx`、`cwin.aspx`等，这些都是...
从压缩包的文件名“浮动宽窗口传值.html”来看，它可能包含了上述实现的完整HTML代码，演示了如何用JavaScript创建浮动窗口并传递值。读者可以通过查看这个文件来实践和理解这些概念。 总结起来，JavaScript的浮动...
它的工作原理是：一个窗口向其打开的子窗口、其父窗口或者任何其他与之有某种关系的窗口发送消息。 现在，我们回到layer弹窗插件。layer是一款轻量级的JavaScript弹层组件，它可以方便地创建各种弹出层，如提示、...
在IT行业中，窗口关闭弹出小窗口传值是一种常见的交互设计技术，特别是在Web开发中。这一功能使得用户在关闭一个窗口或标签时，能够将一些关键信息传递到新打开的窗口，以便提供更加个性化的用户体验或者继续未完成...
本教程将深入讲解如何使用 `Layui` 实现父子页面之间的值传递。 首先，我们需要了解 `Layui` 的基本用法。`Layui` 提供了一个基于 `JavaScript` 的模块化机制，通过 `layui.use()` 方法加载需要的模块，如 `layui....
`window.returnValue`是子窗口传递给父窗口的值。如果没有选中项，会显示一个提示信息。 值得注意的是，`window.showModalDialog()`方法已经过时，现代浏览器可能不再支持。一个更现代且兼容性更好的方法是使用`...
标题"多窗口互相传值"直指这个关键问题，它意味着在不同的应用程序窗口或者同一个应用内的不同窗口之间交换数据。这在桌面应用程序、Web应用甚至移动应用中都是常见的操作。以下是对这个主题的详细讲解： 1. **数据...
首先，`window.open()`是JavaScript中的一个内置函数，用于打开一个新的浏览器窗口或标签。它的基本语法如下： ```javascript window.open(url, name, features); ``` - `url`：要打开的网页地址。 - `name`：新...