Window opener的使用

最新推荐文章于 2023-12-01 17:43:30 发布
原创 最新推荐文章于 2023-12-01 17:43:30 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #ecmascript

本文探讨了如何在JavaScript中打开新窗口，并介绍了如何通过`newWindow.opener.document.write`修改原网页内容。同时，指出了这种操作可能带来的安全风险，如被钓鱼网站利用。为防止这种情况，建议在`<a>`标签中使用`rel=noopenernoreferrer`属性，阻止恶意获取`window.opener`。了解这些知识对于前端开发者确保用户安全至关重要。

在本页打开新页面

newWindow=window.open(' ','',width=200,height=100');

在新窗口修改原网页

newWindow.opener.document.write("这段话会显示在原网页")

常用的打开新窗口后在新窗口关闭原窗口

window.opener.close()

新窗口操作原网页存在风险

  • 可以在a标签下添加rel="noopener noreferrer"来防止钓鱼网站，因为它获取的window.opener的值为null
window.opener用法和用途实例介绍
09-05
用户在子窗口中选择一个机构后，子窗口将使用 `window.opener` 来更新父窗口的相关字段，如 `orgId` 和 `orgName`。 ```javascript function selectOrg(id, name) { if (window.opener) { window.opener.document...
window-opener:Window Opener项目的原始资料-Source material
03-24
这些主要供我自己使用，因为您可能已经重新切片了CAD/文件夹中的STL文件以匹配您的打印机和灯丝。 collage/ ：与我制作并贴在墙上的项目Collage相关的文件 archive/ ：与原型和实验相关的各种文件 ESP首页 将固件...
a标签、window.open跳转不同源页面
最新发布
qq_44441669的博客
12-01 2472
访问原页面window对象/document对象，进行js操作（钓鱼攻击）。这是一个安全的漏洞，所以在设置。window.open()跳转其他的系统，跨站(不同源页面)，跳转失败。时，点击链接将打开新tab页，新页面可以通过。当window.open设置跳转方式为。访问原页面，从而防止了钓鱼攻击。这样新页面就无法通过。
rel="noopener noreferrer"
Jackie_Rose的博客
06-04 3022
在 airbnb 的前端规范中，所有关于 target="_blank" 的 <a> 标签，要求必须有 rel="noopener noreferrer"。原因如下： 这是因为在浏览器中，通过 <a> 标签在新窗口打开的页面( 假设原页面是 A, 新打开的页面是 B ) 在 B 页面中，可以通过 window.opener 属性获得 A 页面的 window 对象...
window.opener用法
无心程序员
11-13 5881
window.opener 实际上就是通过window.open打开的窗体的父窗体。比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subform.html中 window.opener就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。如：1,window.opener.test(); ---调用父
window.opner
hugui123456ccc的专栏
08-30 286
window.opener主要用于通过子页面操纵打开子页面的父页面。通过这种方法，子页面可以象操纵本页面一样操纵父页面。 通过Windows.opener可以获取父页面对象，接下来就可以象操纵本页面一样操纵父页面。这里重点列出几个特殊的方法： window.opener.location.reload()： 该方法可以在子页面中刷新父页面。 window.opener.close...
window.opener的用法
weixin_34377065的博客
09-04 84
window.opener 主要用来打开窗体的父窗体，可以通过这种方式设置父窗体的值或者调用js方法。 例如： 1,window.opener.test(); ---调用父窗体中的test()方法 2,如果window.opener存在,设置parentForm中stockBox的值。 if (window.opener && !window.opener.clos...
Window.opener使用方法
07-25 1505
 window.opener主要用于通过子页面操纵打开子页面的父页面。通过这种方法，子页面可以象操纵本页面一样操纵父页面。通过Windows.opener可以获取父页面对象，接下来就可以象操纵本页面一样操纵父页面。这里重点列出几个特殊的方法：window.opener.location.reload()： 该方法可以在子页面中刷新父页面。window.opener.close()：
window.opener
chinashanzhang的博客
03-13 7796
子页面要向父页面传值，只要在document前面加window.opener即可 　　window.opener 的用法 　　window.opener返回的是创建当前窗口的那个父窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：indow.opener.docume...
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
09-04
在IE6中，使用 `window.opener = null; window.close();` 的组合，可以在打开一个新窗口后关闭原窗口，并且不会显示通常的"要关闭窗口吗？"的确认提示。这是因为IE6对这个操作的处理方式与其他浏览器不同，它允许在...
window.open()参数
12-20
window.open()参数大全，window.open()参数大全，window.open()参数大全。
javascript window.opener的用法分析
01-19
window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写...
window.opener 的用法
初级程序员
12-19 1402
 window.opener 实际上就是通过window.open打开的窗体的父窗体。 比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subform.html中 window.opener 就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。 如：1,window.opener.test()
window.open , window.opener 的用法
风中落叶
07-09 1035
window.open() 支持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 基本语法： window.open(pageURL,name,parameters) 其中： pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 示例：
window.opener浅析(续网页无提示自动关闭)
MPU的专栏
11-09 3462
前边用window.opener=null来完成了窗口的无提示自动关闭.简单查了一下,window.opener是js中window的一个属性,它返回的是打开当前窗口的窗口对象.如果窗口A弹出一个窗口B,那么在B中window.opener就是窗口对象A.这是JAVASCRIPT参考手册里对于opener的描述   When a source document opens a dest
JS中window.opener的应用
weixin_30457881的博客
07-07 474
网上支付开发分为支付平台和客户端两部分。当客户端进入支付平台时，需要在新窗体打开支付平台页面，JS代码： window.open()； 而当支付成功后，需要关闭支付平台支付成功界面，并在客户端加载客户端支付成功页面，JS代码: window.opener.location.href=url;window.close(); 转载于:https://www.cnblogs.com...
window.opener如何使用
08-27
在工作中，可以使用window.opener来解决跨页操作的问题。比如，在主窗口打开了一个页面，并且希望在该关闭后刷新主窗口，可以使用window.opener.location.reload()来实现主窗口的刷新。此外，如果想在新打开的页面中...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值