js中的Window有很多属性与方法，在这里不一一讲解了，主要讲解下window.opener，下面用祝福语例子讲解下：
window.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js01_hello</title>
<meta name="author" content="Administrator" />
<script type="text/javascript">
</script>
</head>
<body>
<div id="welcome">欢迎进行我们的网站</div>
<a href="#" onclick="window.open('test02.html','aaa','width=300,height=300,resizable=0')">test02</a>
<br/>
<a href="#" onclick="window.open('bless.html','aaa','width=600,height=300')">输入你祝福语</a>
<div id="bless"></div>
</body>
</html>
bless.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js01_hello</title>
<meta name="author" content="Administrator" />
<script type="text/javascript">
function bless() {
//获取输入的祝福语
var mb = document.getElementById("mb").value;
//获取父类窗口
var p = window.opener;
//获取父类窗口中的id为bless的div
var pd = p.document.getElementById("bless");
//设置pd的值
pd.innerHTML = mb;
//关闭当前窗口
window.close();
}
</script>
</head>
<body>
输入祝福语:<input type="text" size="40" id="mb"/><input type="button" onclick="bless()" value="输入" />
</body>
</html>
提醒下：google浏览器好像不支持window.opener，可能是没有了解到，如有知道的请解答下，谢谢
相关推荐
《前端开源库Meteor Random Window Crypto详解》 在前端开发领域，安全性和隐私保护是至关重要的。为了确保数据的安全传输和用户信息的保护，开发者经常需要用到加密技术。"meteor-random-window-crypto"是一个专为...
Window对象在JavaScript中是浏览器全局对象，它代表了浏览器的一个窗口或者一个框架。在这个窗口中，我们可以执行脚本、操作DOM、以及处理用户与页面的交互。Event对象则是JavaScript事件处理中的核心，它包含了与...
- `window.alert()`：显示警告对话框，如`window.alert('Hello JS')`。 - `document.write()`：在HTML文档中直接输出内容，如`document.write('Hello JS')`，但在现代开发中不推荐使用，因为它会覆盖整个页面。 - `...
### JavaScript的document和window对象详解 #### Document对象 在JavaScript中，`document`对象是`window`和`frames`对象的一个属性，它表示显示在窗口或框架内的HTML文档。通过这个对象，开发者能够访问和操作...
【JavaScript 窗口对象详解】 JavaScript 是一种广泛应用于网页和网络应用的脚本语言，其核心在于浏览器中的全局对象——Window。这个“js-window-project”由 Irvas 创建，旨在深入探讨 JavaScript 中的窗口对象...
**Nginx 1.15.3 Windows 解压版详解** Nginx 是一款高性能、轻量级的网络服务器，常被用作反向代理、负载均衡器和HTTP缓存服务器。Nginx 以其高效的并发处理能力、低内存占用和稳定性而闻名。在Windows环境下，...
### 关于JS Window对象的方法和属性详解 #### 概述 在JavaScript中，`window`对象是最顶层的对象，几乎所有的全局变量、函数等都属于它。`window`对象提供了多种方法和属性，使得开发者能够更好地控制浏览器窗口的...
标题提到的“js事件详解-0-1-2级模型”涉及到了JavaScript中事件的分层模型。JavaScript事件模型是前端开发中处理用户交互的核心机制之一，主要包括了事件捕获、目标阶段和事件冒泡三个阶段，这个模型被广泛地理解为...
### Eclipse中JS文件中文支持配置详解 #### 一、理解编码基础 在开始之前，我们首先需要了解一些基本概念。计算机内部处理的是二进制数据，而字符编码是将人类可读的文本转换为计算机可以理解的格式的一种方式。...
### JavaScript Window 对象详解 #### 一、简介 在JavaScript中，`Window`对象是所有浏览器窗口的基础。它是全局对象，也是顶级对象。对于初学者来说，了解`Window`对象的基本概念及其方法是非常重要的，这有助于...
《vvctre插件默认窗口尺寸与位置配置详解》 在IT行业中，用户界面的个性化设置已经成为提升用户体验的重要一环。vvctre是一款强大的文件管理工具，它允许用户自定义其启动时的窗口大小和位置，以适应不同用户的操作...
### Window.open() 方法详解 #### 一、方法简介 `window.open()` 是一个在Web开发中经常被用来创建新浏览器窗口或标签页的方法。此方法是 `window` 对象的一个属性，通过调用该方法可以指定打开的新窗口的URL、...
**Laravel 开发：Laravel JS 本地化详解** 在Web应用开发中，本地化是一项重要的功能，它允许我们根据用户的地理位置或首选语言提供定制化的用户体验。Laravel，作为一个流行的PHP框架，内置了强大的本地化支持。在...
### JavaScript中的Window对象详解 在JavaScript编程中，`Window`对象是浏览器提供的核心对象之一，它代表了浏览器的窗口，并提供了大量的属性和方法，用于控制和操作浏览器窗口的行为。本文将深入探讨`Window`对象...
《JS打印功能：jQuery.jqprint-0.3.js详解》 在Web开发中，有时候我们需要为用户提供打印页面的功能，JavaScript库jQuery提供了一个方便的插件——jQuery.jqprint-0.3.js，用于实现这一目标。这个插件使得开发者...
### JavaScript中的Window对象详解 #### 一、概述 在JavaScript中，`Window`对象是所有浏览器操作的基础。它是全局对象，也是顶级对象。通常我们提到的`window`就是指当前浏览器窗口。`Window`对象拥有许多属性和...
如果你的ES5库并没有使用任何模块化规范进行导出，或者你需要引入一个全局可用的JavaScript库，你可以使用Node.js的require函数。例如： ```javascript // 在main.js或其他Vue组件中 const someES5Function = ...
在IT领域，特别是前端开发中，使用JavaScript（简称JS）结合Internet Explorer（简称IE）的特性，实现将网页部分内容保存到本地的功能，是一项既实用又具挑战性的技术。本文将详细解析这一技术的核心原理与实践步骤...
### JavaScript 对 Window 的操作 #### 1. Window 对象 **Window**对象代表浏览器窗口，它是全局对象，在任何浏览器环境中都可用。所有全局变量和函数都是Window对象的属性和方法。 - **全局变量**: 作为Window...