window.open、window.opener以及window.parent的使用场景

最新推荐文章于 2025-10-02 18:56:35 发布
原创 最新推荐文章于 2025-10-02 18:56:35 发布 · 464 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #ecmascript

1、window.open打开的页面，可以使用window.opener获取open之前的窗口，window.opener 返回的是创建当前窗口的那个窗口的引用

2、iframe打开的页面可以使用window.parent访问调用父窗体的方法。

3、举一反三，iframe多次，则每多一次，多一个parent，如window.parent.parent

niuzaiwenjie
关注
JavaScript中window.opener的用法分析
laugh666的博客
09-24 1043
通过window.opener，可以访问父窗口的全局变量、调用父窗口的函数，修改父窗口的文档内容，以及关闭父窗口。需要注意的是，window.opener只在通过window.open打开的子窗口中有效，并且子窗口和父窗口必须属于同一个域名。在JavaScript中，window.opener是一个很有用的属性，它提供了与打开当前窗口的父窗口之间的通信和交互的能力。通过window.opener可以修改父窗口的文档内容，例如更新父窗口中的表单数据或插入新的HTML元素。
location.href&&window.open
每天都要努力学习哦~~
09-29 7666
href 属性是一个可读可写的字符串，可设置或返回当前显示的文档的完整 url。语法就是 location.href。
用window.open,opener实现网页间通信
03-02
如果网页 A 可以发送信息到网页 B，反之也然，而不必动用请求/应答模式，该是一件多么惬意的事儿。可以轻松地实现聊天不是吗？
window.open速记
最新发布
askein的博客
10-02 249
用来打开一个新的浏览器窗口或标签，也可用来加载指定 URL。
js中window.opener和window.parent的用法
weixin_33797791的博客
09-05 386
在最近开发的web项目中，经常用到页面中嵌套很多的页面，页面间的传值。 现在总结如下： 1.window.self就表示当前打开的窗口 2.window.top就表示最顶层的窗口（假如说你在一个窗口里面有嵌套了其他一些窗口，那么top就表示这个最顶层的窗口） 3.window.parent----是iframe页面调用父页面对象 举例; a.html ...
window.parent & window.opener
jvortex的专栏
06-29 491
window.parent针对frame 父页面:   父页面          子页面：   function change(){ var _parentWin = window.parent ;  _parentWin.form1.username.value = "来自子窗口 的参数" ; }   click    
window.parent和window.opener区别
baobaoupup
11-17 321
window.parent中parent表示父窗口，比如一个A页面利用iframe或frame调用B页面，那么A页面就是B页面的parent。B页面可以通过parent访问A页面。 window.opener中的opener表示谁打开我的，比如一个A页面利用window.open弹出了B页面，那么A页面就是B页面的opener。B页面可以通过opener访问A页面。...
window.opener和window.parent
CPU_2的专栏
08-31 4841
（转）js操作frame详细解说,window.opener和window.parent的区别(2010-11-11 12:13:29) 转载 标签： frame it 分类： html/jstree/jquery frame框
javascript window.opener的用法分析
10-29
一个解决方案是在弹出窗口中使用opener.parent.frames['frameName'].document.all.input1.value来访问父窗口框架中的元素。 另外，window.opener与window.open()函数经常一起使用。window.open()函数用于打开一个新...
window.parent与window.openner区别介绍
10-28
而`window.opener` 是针对使用`window.open()`方法或者`<a>`标签的`target="_blank"`属性打开的新窗口。当一个新窗口由已存在的窗口打开，新窗口会有一个`window.opener`属性，该属性引用的是创建它的原始窗口。在a....
探索浏览器页面关闭window.close()的使用详解
10-14
【浏览器页面关闭window.close()的使用详解】 在Web开发中，有时我们需要在用户操作后关闭当前浏览器...在尝试关闭页面时，最好结合`window.open()`和`target`属性，以及针对不同浏览器的兼容性处理，以提高成功率。
window.open
11-18
本文将详细介绍如何让`window.open()`不被拦截以及一些相关的实践技巧。 #### 一、`window.open()`方法概述 `window.open()`方法的基本语法如下： ```javascript var newWindow = window.open(url, name, ...
window.parent与window.opener的区别
Golden的专栏
11-23 259
有这样一个需求，弹出一个新窗口 并从该新页面的select选择框中选择需要的类别，再返回到之前的父窗口页面的某个文本框中。这里就要用到window.parent和window.opener 如题两种方法都是javascript调用父窗口的方法。 1、window.parent是iframe页面调用父窗口对象 比如：parent.jsp 里面有一个文本框 &lt;i...
window.opener 与 window.parent 的区别
jc_dreaming2的博客
04-10 321
我们如果要用到iframe的值传到另一框架就要用到window.opener.document.getElementById(name).value = uvalue;这种形式哦。 window.parent能获取一个框架的父窗口或父框架。顶层窗口的parent引用的是它本身。 可以用这一点特性来判断这个窗口是否是顶层窗口。如： Code function IsTopWindow...
window.open 与 window.opener 的用法
weixin_30670965的博客
09-28 223
window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 示例： <SCRIPT> <!-- w...
window.opener和window.open
weixin_30411819的博客
04-02 293
window.open (URL,name,specs,replace)方法用于打开一个新的浏览器窗口或查找一个已命名的窗口。 URL:可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口 name:可选。指定target属性或窗口的名称。支持以下值： _blank - URL加载到一个新的窗口。这是默认 _parent - URL加载到父框架 _self - UR...
window.open和window.opener
weixin_30746117的博客
10-11 835
window.open是用来打开一个新窗口的；window.opener是调用父级窗口 举个栗子： 1.index.html页面： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title&g...
window.open()运用
我的世界里头，谁懂我！
11-18 267
window.open()支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 示例： ...
window.parent与window.opener的区别与使用
weixin_30276935的博客
08-12 480
1、window.parent 是iframe页面调用父页面对象 举例: a.html <html><head><title>A</title></head><body><form name="form1" id="form1"><input type="text" name="userna...
解析javascript window.opener功能与open方法配合使用
然而，需要注意的是，`window.opener` 在框架结构中并不能直接使用，因为框架中的窗口并不是通过`window.open()`创建的，而是作为框架本身的一部分加载的。如果需要在框架内的页面与外部父窗口交互，可以通过引用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值