讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

js中opener与parent的区别详细解析_javascript技巧

php中文网
发布： 2016-05-16 17:04:03
原创
1513人浏览过

opener即谁打开我的，比如A页面利用window.open弹出了B页面窗口，那么A页面所在窗口就是B页面的opener，在B页面通过opener对象可以访问A页面。

parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面所在窗口就是B页面的parent。在JS中，window.opener只是对弹出窗口的母窗口的一个引用。比如：a.html中，通过点击按钮等方式window.open出一个新的窗口b.html。那么在b.html中，就可以通过window.opener（省略写为opener）来引用a.html，包括a.html的document等对象，操作a.html的内容。

假如这个引用失败，那么将返回null。所以在调用opener的对象前，要先判断对象是否为null，否则会出现“对象为空或者不存在”的JS错误。

示例：
aa.html

萝卜简历
萝卜简历

免费在线AI简历制作工具，帮助求职者轻松完成简历制作。

萝卜简历 171
查看详情 萝卜简历
复制代码 代码如下:





无标题文档







bb.html
复制代码 代码如下:


 
 
 
 无标题文档
 
 
 
 
 
 

window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了aa.htm上的一个链接而打开了bb.htm，然后我们打算在bb.htm上输入一个值然后赋予aa.htm上的一个id为“name”的textbox中，就可以

写为：
window.opener.document.getElementById("name").value = "输入的数据";
window.opener.document.getElementById("name").innerHTML= "输入的数据";

相关标签：
js

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：jQuery中DOM节点的删除方法总结（超全面） 下一篇：js导航栏单击事件背景变换示例代码_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
javascript如何实现数组乱序_如何洗牌算法 最可靠方法是Fisher-Yates洗牌算法：从后往前遍历，每次随机选[0,i]索引与当前位置交换，时间复杂度O(n)，原地操作且各排列概率均等；不可用sort(()=>Math.random()-0.5)，因浏览器实现差异导致结果不可预测、不均匀。
2025-12-21 09:12:07
813
javascript箭头函数是什么_它与普通函数有何不同 箭头函数是ES6引入的简洁函数表达式，无自身this/arguments/super/new.target，继承外层作用域值；语法更短，单表达式自动返回；不能用作构造函数、Generator函数，不支持call/apply/bind改变this。
2025-12-21 08:55:25
352
如何在javascript中操作DOM_有哪些高效的选择器可以使用？ JavaScriptDOM操作核心是先选中元素再增删改查，推荐使用getElementById、querySelector、querySelectorAll等高效选择器，并通过缓存元素、使用classList、DocumentFragment和事件委托提升性能与安全性。
2025-12-21 08:41:02
448
javascript函数如何工作_闭包在实际项目中有什么用途 JavaScript函数是“一等公民”，执行时创建含词法环境和变量环境的执行上下文；闭包即函数与其定义时词法环境（含自由变量）的组合，实现私有状态、事件变量绑定、函数工厂等功能。
2025-12-21 08:34:52
172
javascript异步编程是什么_Promise如何简化回调地狱？ JavaScript异步编程通过Promise解决回调地狱问题，以链式调用替代嵌套回调，支持统一错误处理；还提供all、race、allSettled、any等方法协调多任务，但无法取消且立即执行。
2025-12-21 08:33:08
148
什么是JavaScript Web Worker_如何利用它执行多线程任务 WebWorker是浏览器提供的后台线程API，不阻塞主线程，支持并发执行但无法访问DOM；通过postMessage通信，适用于CPU密集型任务。
2025-12-21 08:33:07
590
Javascript如何发送请求_什么是AJAX AJAX是一种异步JavaScript技术，核心是后台发起HTTP请求并局部更新页面；现代实现方式包括FetchAPI（推荐）、XMLHttpRequest（兼容性好）和Axios（功能增强）。
2025-12-21 08:13:15
724
什么是JavaScript Set和Map_它们与对象和数组有何不同 Set是存储唯一值的有序集合，自动去重且支持任意类型键；Map是键值对集合，键可为任意类型并保持插入顺序。二者均优于Object（键受限、有原型干扰）和Array（查找慢、无存在性优化）。
2025-12-21 08:06:08
466
什么是JavaScript BigInt_它如何表示大整数 JavaScriptBigInt是一种内置原始类型，用于表示任意精度整数，突破Number的安全整数限制（2⁵³−1）；通过字面量（如123n）或BigInt()函数创建，支持基本算术运算但不与Number混用，适用于大ID、密码学等高精度场景。
2025-12-21 08:03:32
254
javascript尾调用优化是什么_它如何提升递归性能 尾调用优化（TCO）是JavaScript引擎对尾调用的自动栈帧复用机制，可将尾递归空间复杂度从O(n)降至O(1)，但因调试与性能权衡，主流引擎均未实际启用，开发者需手动转为循环或使用蹦床函数等替代方案。
2025-12-21 07:01:17
335
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部