Window opener的使用

最新推荐文章于 2023-12-01 17:43:30 发布
最新推荐文章于 2023-12-01 17:43:30 发布
阅读量1k 收藏 1
点赞数
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pythonan/article/details/123044279
版权
本文探讨了如何在JavaScript中打开新窗口，并介绍了如何通过`newWindow.opener.document.write`修改原网页内容。同时，指出了这种操作可能带来的安全风险，如被钓鱼网站利用。为防止这种情况，建议在`<a>`标签中使用`rel=noopenernoreferrer`属性，阻止恶意获取`window.opener`。了解这些知识对于前端开发者确保用户安全至关重要。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在本页打开新页面

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

在新窗口修改原网页

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

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

window.opener.close()

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

  • 可以在a标签下添加rel="noopener noreferrer"来防止钓鱼网站，因为它获取的window.opener的值为null
Window.opener使用方法
07-25 1454
 window.opener主要用于通过子页面操纵打开子页面的父页面。通过这种方法，子页面可以象操纵本页面一样操纵父页面。通过Windows.opener可以获取父页面对象，接下来就可以象操纵本页面一样操纵父页面。这里重点列出几个特殊的方法：window.opener.location.reload()： 该方法可以在子页面中刷新父页面。window.opener.close()：
window.opener用法
无心程序员
11-13 5786
window.opener 实际上就是通过window.open打开的窗体的父窗体。比如在父窗体parentForm里面 通过 window.open("subForm.html"),那么在subform.html中 window.opener就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。如：1,window.opener.test(); ---调用父
window.open()的所有参数列表　
zydar的专栏
10-27 891
前言:经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息 、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面我就带您剖析它的奥秘。 　 【1、最基本的弹出窗口代码】　　　　 　　　　window.open
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
09-04
本篇文章主要是对window.opener=null;window.close(),只支持IE6不支持IE7,IE8的解决方法进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
window.opener的用法
weixin_34377065的博客
09-04 68
window.opener 主要用来打开窗体的父窗体，可以通过这种方式设置父窗体的值或者调用js方法。 例如： 1,window.opener.test(); ---调用父窗体中的test()方法 2,如果window.opener存在,设置parentForm中stockBox的值。 if (window.opener && !window.opener.clos...
聊聊新窗口打开页面的opener问题
qq_29854831的博客
07-19 1109
1.新窗口中打开页面的方式： //a 链接 &lt;a target="_blank" /&gt; //opener window.open() 2.新窗口中打开页面会有两方面的问题：安全问题，性能问题；   2.1安全问题： 上面新窗口中打开页面的方式都会在新窗口中找到一个opener的对象。 那什么是opener（MDN:）,简单来说，它是父窗口的窗口对象。如果新窗口和服窗...
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首页 将固件...
javascript window.opener的用法分析
01-19
window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写...
window.open和window.close
judge9999的专栏
09-27 1012
1. 使用举例：     window.open   (page.html,   newwindow,   height=100,   width=400,   top=0,   left=0,   toolbar=no,   menubar=no,  scrollbars=no,resizable=no,location=no,   status=no)     //
window.open()参数
12-20
window.open()参数大全，window.open()参数大全，window.open()参数大全。
window对象下open、close、opener函数的使用
racy696的博客
08-23 2155
//父页面内容<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 作者：李瑞琦 时间：2017-08-23 描述：js中window对象下open、close、opener属性的
window.open()知多少
EatgirlHui_Unique的专栏
07-09 1290
window.open(url, target, feature, replace) window.open(url, target, feature, replace) 1）对应参数的详解： 2）url 3）target 4）feature 5）replace 1）对应参数的详解： url： 要加载的URL target： 窗口目标 feature： 一...
window.opener和window.open用法
小马哥(新博客地址 http://maruifu.cn )
09-19 1035
window.opener 的用法  window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：  window.opener.document.getElementById("name").value = "输入的数据
JS打开新窗口（window.open() 、href）
热门推荐
前端向朔
10-21 6万+
JS打开新窗口 常用于文件、图片预览，或者加载一个新页面。 window.open() - 打开新窗口 用法： window.open(strUrl, strWindowName, [strWindowFeatures]); strUrl: 新窗口需要载入的url地址，项目中我们打开的是一个在线文档。 strWindowName：新窗口的名字，通过这个名字我们可以获得新窗口的引用，容易重复，如果我们希望每次打开新窗口都是一个全新的窗口，可以设置成关键字 “_blank”。 strWindowFeatu
window.opener 的用法
cl5021的博客
12-07 88
在一般的用法中，只是用来解决关闭窗口时不提示弹出窗口， 而对它更深层的了解一般比较少。其 实 window.opener是指调用window.open方法的窗口。 在工作中主要是用来解决部分提交的。这种跨页操作对工作...
JavaScript window.opener的用法
姬豪杰的专栏
06-29 4284
<br />window.opener主要用于通过子页面操纵打开子页面的父页面。通过这种方法，子页面可以象操纵本页面一样操纵父页面。<br />通过Windows.opener可以获取父页面对象，接下来就可以象操纵本页面一样操纵父页面。这里重点列出几个特殊的方法：<br />window.opener.location.reload()： 该方法可以在子页面中刷新父页面。<br />window.opener.close()：该方法在子页面中关闭父页面。<br />window.opener.documen
a标签、window.open跳转不同源页面
最新发布
qq_44441669的博客
12-01 2022
访问原页面window对象/document对象，进行js操作（钓鱼攻击）。这是一个安全的漏洞，所以在设置。window.open()跳转其他的系统，跨站(不同源页面)，跳转失败。时，点击链接将打开新tab页，新页面可以通过。当window.open设置跳转方式为。访问原页面，从而防止了钓鱼攻击。这样新页面就无法通过。
网络安全opener 值得注意的安全问题
baidu_41678158的博客
01-01 435
最近在学习浏览器知识的时候，讲到了浏览器之间的渲染进程共用的问题。其中 opener 能被引用到的两个页面，会在同一个渲染进程中。而这两个页面，可以称为：浏览上下文组。但在测试的时候，反倒是发现了一个opener 注意的问题，原因虽是“人祸”，但也要小心！基于此做下记录，给大家做个提醒。关于前面这个问题，MDN上面也有专门的介绍：返回打开当前窗口的那个窗口的引用，例如：在window A中打开了window B，B.opener 返回 A.关于 opener 属性的解读，相信之前大家都有了解过。
window.opener如何使用
08-27
window.opener是指调用window.open方法的窗口。在工作中，可以使用window.opener来解决跨页操作的问题。比如，在主窗口打开了一个页面，并且希望在该关闭后刷新主窗口，可以使用window.opener.location.reload()来实现主窗口的刷新。此外，如果想在新打开的页面中设置父窗口中某个表单元素的值，可以使用window.opener.document.parentForm.stockBox.value = symbol来实现。通过使用window.opener，可以方便地实现不同窗口之间的信息传递和操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [window.opener用法](https://blog.csdn.net/iBenxiaohai123/article/details/77413929)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值