<!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>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>子父窗口的操作</title>
</head>
<body>
<script>
var win=null;
function op(){
win=window.open("about:blank","win","width=200,height=200");
win.document.write("<input type='button' value='关闭父窗口' onclick='window.opener.opener=null;window.opener.close()'>");
win.document.write("<input type='button' value='刷新你窗口' onclick='window.opener.location.reload()'>");
}
</script>
</body>
</html>
<input onclick="op()" value="打开窗口" type="button"><input type="button" value="最小化" onclick="if(win&&win.open&&!win.closed){win.resizeTo(0,0);win.moveTo(0,window.screen.width);}else alert('还没有打开窗口或已经关闭')"><input type="button" value="最大化" onclick="if(win&&win.open&&!win.closed){win.moveTo(-4,-4);win.resizeTo(screen.availWidth+8,screen.availHeight+8);}else alert('还没有打开窗口或已经关闭');"><input type=button value="关闭子窗口" onclick="if(win&&win.open&&!win.closed){win.opener=null;win.close()}else alert('还没有打开窗口或已关闭')"><input type=button value="刷新子窗口" onclick="if(win&&win.open&&!win.closed){win.location.reload();win.focus()}else alert('窗口还没有打开或已关闭')"><input type="button" value="看子窗口的大小" onclick="if(win&&win.open&&!win.closed){alert(win.document.body.clientWidth+'*'+win.document.body.clientHeight);win.focus();}else{alert('还没有打开窗口或者已关闭')};">
</body>
</html>
分享到：
相关推荐
### JavaScript 子窗口与父窗口交互详解 在前端开发中，常常会遇到需要在一个窗口（通常称为父窗口）中打开另一个窗口（子窗口）的情况。这时，如何实现这两个窗口之间的数据交互便成了一个重要的问题。根据题目...
这里的"子窗口"通常指的是弹出的窗口、框架或者iframe，而"父窗口"则是打开子窗口的那个主页面。在这样的场景下，用户在子窗口中操作并提交数据后，可能希望父窗口能即时显示最新的数据，而不是手动刷新整个页面。...
JS中用open方式打开新窗口向父窗口传值 在JavaScript中，使用`window.open()`方法可以打开一个新的浏览器窗口，这个方法可以实现子窗口向父窗口传值的操作。下面我们来详细解释这个过程。 首先，让我们回顾一下`...
在JavaScript编程中，父窗口与子窗口之间的通信是一种常见的需求，特别是在构建多窗口应用程序或弹出窗口时。本文将深入探讨如何在JavaScript中实现父窗口与子窗口之间的数据传递。 首先，我们需要理解“父窗口”和...
本文档将深入探讨如何在子窗口关闭时刷新父窗口，包括使用`window.open()`、`window.showModalDialog()`以及jQuery进行操作的方法。 #### 一、使用`window.open()`刷新父窗口 `window.open()`方法用于创建一个新的...
在JavaScript中，`showModalDialog`是一个非常有用的函数，它允许我们打开一个新的浏览器窗口或对话框，并与父窗口进行交互。这个功能在开发过程中经常用于创建弹出式表单、确认对话框或者需要用户输入信息的场景。...
在网页设计中，我们经常会遇到“子窗口”（弹出的新窗口）与“父窗口”（打开子窗口的原始窗口）之间的交互需求。这个压缩包“javascript经典特效---子窗口对父窗口的操作.rar”显然包含了关于如何使用JavaScript...
### JS子窗口调用父窗口的关键知识点 #### 一、基本概念 在JavaScript中，有时我们需要从一个子窗口（通常是通过`window.open()`方法打开的新窗口）与父窗口（即打开该新窗口的原始窗口）之间进行交互。这种交互...
- 子窗口关闭时，可以将值附加到URL上，然后通过`window.location`的改变通知父窗口。父窗口通过监听`hashchange`或`popstate`事件来获取这些参数。 4. **使用cookies或localStorage**： - 如果数据量不大，且不...
在这个例子中，`sendDataToParent`函数首先获取子窗口中输入框的值，然后设置父窗口相应输入框的值，最后关闭子窗口。 对于使用`window.showModalDialog()`或`window.showModelessDialog()`方法打开的对话框，原理...
在JavaScript中，关闭子窗口是一项常见的操作，尤其在网页交互和多窗口应用中。这篇博客主要探讨了如何通过JavaScript来实现这一功能，并可能涉及到浏览器的安全策略以及跨窗口通信。 首先，我们来理解“子窗口”这...
在打开一个新的窗口或者弹出一个子窗口后，有时我们需要在关闭子窗口时刷新父窗口。这种方法非常常见，例如，在用户完成了一个表单填写并提交后，我们可能希望关闭这个弹出窗口并刷新主页面，以便用户能够看到最新的...
- 子窗口可以通过`window.opener`属性访问打开它的父窗口。 3. **跨窗口通信**： - 在子窗口中，可以使用`window.opener`来引用父窗口。如果父窗口没有被关闭，`window.opener`就是父窗口的`window`对象。 - ...
在本例中，子窗口提供了三个按钮：关闭自己、关闭父窗口以及刷新父窗口。其中，“关闭自己”按钮不仅会关闭子窗口，还会将子窗口中的数据传递给父窗口中的相应字段；而“关闭父窗口”则会先断开与父窗口的关系再关闭...
在普通的JavaScript中，可以使用`window.opener`属性获取到打开当前窗口的父窗口对象，然后调用父窗口的`window.location.reload()`方法来刷新父窗口。示例代码如下： ```javascript window.opener.window.location...
5. **父窗口与子窗口的通信**：在JavaScript中，`window.open()`方法用于打开新的浏览器窗口，创建一个子窗口。一旦子窗口被创建，可以通过`window`对象的属性（如`opener`）与父窗口进行通信。例如，子窗口可以修改...
### 关闭父窗口时同步关闭子窗口的JavaScript实现 在Web开发中，有时我们需要实现在关闭主窗口（即父窗口）的同时，也能自动关闭由其打开的所有子窗口。这种需求常见于多窗口交互的应用场景中，例如弹出新窗口进行...
当使用JavaScript打开子窗口时，通常需要在父窗口与子窗口之间传递数据。这可以通过以下几种方式实现： - **通过URL传递参数**：可以在打开子窗口时，在URL中附加查询字符串来传递数据。 - **使用 `window.opener` ...
在Web开发中，父窗口与子窗口之间的交互是...通过这种方式，父窗口就可以实现在一定条件下打开、关闭、重定位子窗口等操作。在进行这些操作时，需要注意浏览器的安全限制以及正确地管理引用关系，确保操作的顺利进行。
标题"js 控制父子窗口 转向"所涉及的知识点主要集中在如何使用JavaScript来实现子窗口对父窗口的控制，以及父窗口对子窗口的导航操作。下面将详细阐述这些知识点。 首先，我们需要理解浏览器窗口的概念。在...