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=gb2312" />
<title>无标题文档</title>
<script>
function winOpen(){
window.open('son.html');
//window.close();
}
</script>
</head>
<body>
<form name="f1" method="post" action="">
<input name="username" id="username" value=""/>
<input name="cardnum" id="cardnum" value=""/>
<input type="button" value="button" onclick="winOpen();" />
</form>
</body>
</html>
son.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=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript">
/**
*取父页面上的值
*/
function $(str){
var parents=window.opener;//父页面对象
var v= parents.document.getElementById(str);/*还有什么方法得到父页面的表单值?*/
//alert(v);
return v;
}
/**
*取到子面上的对象
*/
function son(str){
var o=document.getElementById(str);
return o;
}
/**
*给子页面设置数据
*/
function sv(s,t){
//alert(s);
if($(t)&&son(s))/*防止页面根本就没有input框*/
son(s).value=$(t).value;
}
/**
*设置
*/
function doSetVal(){
//alert("hello");
sv("username","username");
sv("cardnum","cardnum");
//sv("","");
}
</script>
</head>
<body onload="doSetVal();">
<form name="form1" action="" method="post">
<input type="text" name="username" id="username" value="" />
<input type="text" name="cardnum" id="cardnum" value="" />
</form>
</body>
</html>
分享到:
相关推荐
### 使用 `window.open` 和 `window.opener` 实现网页间通信 #### 一、引言 在现代Web开发中,网页间的通信是一项常见的需求。例如,在多窗口或多个标签页的应用场景下,如何实现不同窗口间的高效数据交互,成为了...
1. 使用`window.open`打开的新窗口中设置一个`window.opener`属性,这样新窗口可以与打开它的窗口进行通信。 2. 在新窗口中处理用户交互后,使用`window.close`关闭窗口,并在关闭前将结果通过`window.opener`通知原...
本篇文章将深入探讨`window.open()`、`window.opener`、`window.name`以及`window`对象的一些核心概念,同时通过两个带有注释的页面示例(001.html和main.html)帮助理解这些知识点。 ### `window.open()` `window...
对window.open进行封装, 使其更好用, 且更兼容, 很多人说window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行;看代码: 代码如下 var openWindow = function(url, options) { var str = ""; ...
<body onload="window.parent.opener=null;window.close();"> ``` 这段代码的作用是在页面加载完成后立即关闭当前窗口。需要注意的是,这种方式可能也会受到浏览器的弹出窗口拦截机制的影响。为了确保兼容性更好...
1> window.showModalDialog()采用JS原理实现,同时父窗口不可操作,window.open()采用新创建一个窗口,同时父窗口可操作; 2> 父窗口与子窗口传递值的方式也有所不同,在子窗口中操作父窗口也语法也不同,分别为var...
`window.open`的一个重要特性是,可以通过`window.opener`属性与打开新窗口的原始窗口(父窗口)进行通信。例如,如果在新窗口中输入数据并希望将其返回到父窗口,可以使用如下的代码: ```javascript window.opener...
### window.open 不被拦截弹出窗简述 在Web开发中,`window.open()`方法用于创建一个新的浏览器窗口或标签页,并返回对新打开窗口的引用。这个方法在很多场景下非常有用,比如用来实现弹出窗口、跳转链接等功能。...
例如,通过`window.opener`对象,子窗口可以访问到打开它的父窗口,而`iframe`内的脚本可以通过`parent`对象与父页面通信。 - 父窗口调用子窗口: ```javascript let newWindow = window.open('...'); newWindow....
在JavaScript中,使用`window.open()`方法可以打开一个新的浏览器窗口,这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先,让我们回顾一下`window.open()`方法的基本用法。`window....
JavaScript中的`window.open()`和`window.opener`是两个与窗口操作密切相关的属性和方法,它们在网页交互和页面导航中扮演着重要角色。本文将深入探讨这两个特性以及它们在处理支付成功页面跳转时的应用。 `window....
在讨论JavaScript(简称JS)编程时,一个非常基础且常见的话题是通过window.open方法打开新窗口,并获取从这个新窗口返回的数据。window.open方法是Web开发中的一个标准方法,允许开发者在浏览器窗口中打开新的子...
总结来说,刷新由 `window.open` 打开的父页面主要依赖于 `window.opener` 属性,结合 `location.reload()` 方法实现。在某些特定情况下,如跨域或有其他需求时,可以采用上述其他通信手段来实现类似功能。在实际...
[removed] function closeWin(){ window.opener=null; window.open(”,’_self’,”); window.close(); } [removed] <a>logout</a> </body> </html> 火狐默认不支持js关闭浏览器窗口,可以在about:...
在JavaScript编程中,`window.open()` 是一个非常重要的方法,用于创建新的浏览器窗口或打开一个已存在的窗口。这个方法在Web开发中广泛用于实现各种功能,如创建弹出窗口、新标签页或替换当前页面。在本文中,我们...
window.opener=null;window.close(),只支持IE6不支持IE7的问题 打开新窗口并且关闭本窗口不弹出要关闭窗口前的提示function openWin(){window.open(‘login.jsp’,”,’fullscreen=yes,menubar=no,resizable=no’);...
如果当前窗口是通过`window.open()`方法打开的,那么`window.opener`就指向了那个调用`window.open()`的窗口。这个属性为我们在子窗口中操作或访问父窗口提供了可能。 二、跨窗口通信 1. **从子窗口向父窗口传递...
在Web开发中,`window.open()` 是一个非常重要的JavaScript函数,用于在用户的浏览器中打开新的窗口或标签。这个函数在创建交互式用户体验时扮演着关键角色,允许开发者控制新窗口的大小、位置以及加载的URL。现在...
支持完整的window.open api 。 为React 16构建(使用ReactDOM.createPortal )。 阻止弹出窗口的处理程序(通过onBlock prop)。 根据父窗口或屏幕使弹出窗口居中。 安装 npm i react-new-window --save 用法 ...