在网页中使用链接时，如果想要让浏览器自动在新的标签页打开指定的地址，通常的做法就是在 a 标签上添加 target等于"_blank" 属性。
创新互联主营环江网站建设的网络公司,主营网站建设方案,成都app软件开发,环江h5重庆小程序开发搭建,环江网站营销推广欢迎环江等地区企业咨询
然而，就是这个属性，为钓鱼攻击者带来了可乘之机。
parent 与 opener
在说 opener 之前，可以先聊聊 中的 parent。<br /></p><p>我们知道，在 <iframe> 中提供了一个用于父子页面交互的对象，叫做 window.parent，我们可以通过 window.parent 对象来从框架中的页面访问父级页面的 window。<br /></p><p>opener 与 parent 一样，只不过是用于 <a target="_blank"> 在新标签页打开的页面的。通过 <a target="_blank"> 打开的页面，可以直接使用 window.opener 来访问来源页面的 window 对象。<br /></p> <h3>同域与跨域</h3> <p>浏览器提供了完整的跨域保护，在域名相同时，parent 对象和 opener 对象实际上就直接是上一级的 window 对象；而当域名不同时，parent 和 opener 则是经过包装的一个 global 对象。这个 global 对象仅提供非常有限的属性访问，并且在这仅有的几个属性中，大部分也都是不允许访问的（访问会直接抛出 DOMException）。<br /></p><p><br /></p><p><br /></p><p>在 <iframe> 中，提供了一个 sandbox 属性用于控制框架中的页面的权限，因此即使是同域，也可以控制 <iframe> 的安全性。<br /></p> <h3>利用</h3> <p>如果，你的网站上有一个链接，使用了 target="_blank"，那么一旦用户点击这个链接并进入一个新的标签，新标签中的页面如果存在恶意代码，就可以将你的网站直接导航到一个虚假网站。此时，如果用户回到你的标签页，看到的就是被替换过的页面了。<br /></p> <h3>详细步骤</h3> <p>1.在你的网站 https://cdxwcx.com 上存在一个链接：</p><pre> <ol> <li><a href="https://an.evil.site" target="_blank">进入一个“邪恶”的网站</a></li> </ol></pre><p>2.用户点击了这个链接，在新的标签页打开了这个网站。这个网站可以通过 HTTP Header 中的 Referer 属性来判断用户的来源。<br /></p><p>并且，这个网站上包含着类似于这样的 JavaScript 代码：</p><pre> <ol> <li>const url = encodeURIComponent('{{header.referer}}');</li> <li>window.opener.location.replace('https://a.fake.site/?' + url); </li> </ol></pre><p>3.此时，用户在继续浏览这个新的标签页，而原来的网站所在的标签页此时已经被导航到了 https://a.fake.site/?https%3A%2F%2Fcdxwcx.com%2F。</p><p>4.恶意网站 https://a.fake.site 根据 Query String 来伪造一个足以欺骗用户的页面，并展示出来（期间还可以做一次跳转，使得浏览器的地址栏更具有迷惑性）。</p><p>5.用户关闭 https://an.evil.site 的标签页，回到原来的网站………………已经回不去了。</p><p>上面的攻击步骤是在跨域的情况下的，在跨域情况下，opener 对象和 parent 一样，是受到限制的，仅提供非常有限的属性访问，并且在这仅有的几个属性中，大部分也都是不允许访问的（访问会直接抛出 DOMException）。</p><p>但是与 parent 不同的是，在跨域的情况下，opener 仍然可以调用 location.replace 方法而 parent 则不可以。<br /></p><p>如果是在同域的情况下（比如一个网站上的某一个页面被植入了恶意代码），则情况要比上面严重得多。<br /></p> <h3>防御</h3> <p><iframe> 中有 sandbox 属性，而链接，则可以使用下面的办法：<br /></p><p>1. Referrer Policy 和 noreferrer</p><p>上面的攻击步骤中，用到了 HTTP Header 中的 Referer 属性，实际上可以在 HTTP 的响应头中增加 Referrer Policy 头来保证来源隐私安全。<br /></p><p>Referrer Policy 需要修改后端代码来实现，而在前端，也可以使用 <a> 标签的 rel 属性来指定 rel="noreferrer" 来保证来源隐私安全。</p><pre> <ol> <li><a href="https://an.evil.site" target="_blank" rel="noreferrer">进入一个“邪恶”的网站</a></li> </ol></pre><p>但是要注意的是：即使限制了 referer 的传递，仍然不能阻止原标签被恶意跳转。</p><p>2. noopener</p><p>为了安全，现代浏览器都支持在 <a> 标签的 rel 属性中指定 rel="noopener"，这样，在打开的新标签页中，将无法再使用 opener 对象了，它为设置为了 null。</p><pre> <ol> <li><a href="https://an.evil.site" target="_blank" rel="noopener">进入一个“邪恶”的网站</a></li> </ol></pre><p>3. JavaScript</p><p>noopener 属性看似是解决了所有问题，但是...浏览器的兼容性问题...<br /></p><p><br /></p><p>可以看到，现在绝大多数浏览器都已经兼容了 rel="noopener" 属性了。但是，为了保护稍旧的“近代”浏览器或是很旧的“古代”浏览器甚至是“远古”浏览器，只有 noopener 属性还是远远不够的。<br /></p><p>这时，就只能请出下面这段原生 JavaScript 来帮忙了。</p><pre> <ol> <li>"use strict"; </li> <li>function openUrl(url) { </li> <li> var newTab = window.open(); </li> <li> newTab.opener = null; </li> <li> newTab.location = url; </li> <li>} </li> </ol></pre><h3>推荐</h3> <p>首先，在网站中的链接上，如果使用了 target="_blank"，就要带上 rel="noopener"，并且建议带上 rel="noreferrer"。类似于这样：</p><pre> <ol> <li><a href="https://an.evil.site" target="_blank" rel="noopener noreferrer">进入一个“邪恶”的网站</a></li> </ol></pre><p>当然，在跳转到第三方网站的时候，为了 SEO 权重，还建议带上 rel="nofollow"，所以最终类似于这样：</p><pre> <ol> <li><a href="https://an.evil.site" target="_blank" rel="noopener noreferrer nofollow">进入一个“邪恶”的网站</a></li> </ol></pre><h3>性能</h3> <p>最后，再来说说性能问题。<br /></p><p>如果网站使用了 <a target="_blank">，那么新打开的标签页的性能将会影响到当前页面。此时如果新打开的页面中执行了一个非常庞大的 JavaScript 脚本，那么原始标签页也会受到影响，会出现卡顿的现象（当然不至于卡死）。<br /></p><p>而如果在链接中加入了 noopener，则此时两个标签页将会互不干扰，使得原页面的性能不会受到新页面的影响。</p> <p> 标题名称：<a href="http://www.shufengxianlan.com/qtweb/news49/289249.html">你不曾察觉的隐患：危险的target="_blank"与“opener”</a> <br> URL分享：<a href="http://www.shufengxianlan.com/qtweb/news49/289249.html">http://www.shufengxianlan.com/qtweb/news49/289249.html</a> </p> <p> 网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等 </p> <p class="adpic"> <a href="https://www.cdcxhl.com/service/ad.html" target="_blank" class="ad">广告</a> <a href="" target="_blank" class="adimg"><img src=""></a> </p> <p class="copy"> 声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： <a href="https://www.cdcxhl.com/" target="_blank">创新互联</a> </p> </div> <div class="newsmorelb"> <p>猜你还喜欢下面的内容</p> <ul> <li> <a href="/qtweb/news48/289248.html">win10没有mrt怎么办？（windows10怎么没有cmd）</a> </li><li> <a href="/qtweb/news47/289247.html">全面解析容器编排技术Kubernetes</a> </li><li> <a href="/qtweb/news46/289246.html">深圳南山区购车补贴申请资料？深圳市公安局南山数据中心服务中心</a> </li><li> <a href="/qtweb/news45/289245.html">聊聊如何实现自定义滑块组件？</a> </li><li> <a href="/qtweb/news44/289244.html">Linux解包神器：一键轻松解开所有文件（linux解包工具下载）</a> </li><li> <a href="/qtweb/news43/289243.html">如何避免系统漏洞</a> </li><li> <a href="/qtweb/news42/289242.html">符号含义：EL？（JSP的setProperty怎么使用）</a> </li><li> <a href="/qtweb/news41/289241.html">创新互联Python教程：win8安装python失败怎么解决</a> </li><li> <a href="/qtweb/news40/289240.html">非常实用的Python库</a> </li> </ul> </div> </div> <div class="col-lg-3 noneb"> <div class="bkright" style="margin-top: 0"> <p><a href="https://www.cdcxhl.com/news/weihu/">网站维护知识</a></p> <ul> <li> <a class="text_overflow" href="/qtweb/news26/266826.html">域名到期多久可以抢注？（过期域名抢注怎样进行）</a> </li><li> <a class="text_overflow" href="/qtweb/news48/301998.html">这些Node开源工具你值得拥有(上)</a> </li><li> <a class="text_overflow" href="/qtweb/news15/396715.html">#优惠#Virtono：虚拟主机|VPS首月3折（虚拟主机vps）</a> </li><li> <a class="text_overflow" href="/qtweb/news28/17378.html">网速快的vps选择要注意什么</a> </li><li> <a class="text_overflow" href="/qtweb/news14/293264.html">服务器是什么？与我们的生活有什么关系?（服务器是什么?与我们的生活有什么关系）</a> </li><li> <a class="text_overflow" href="/qtweb/news24/283124.html">以业务需求为中心的创新互联架构体系建设</a> </li><li> <a class="text_overflow" href="/qtweb/news32/379932.html">如何确保香港服务器租用安全稳定性</a> </li><li> <a class="text_overflow" href="/qtweb/news0/88150.html">dns的服务器的作用(dns的服务器分为哪三类？)</a> </li><li> <a class="text_overflow" href="/qtweb/news16/517316.html">域名租国外服务器吗?</a> </li><li> <a class="text_overflow" href="/qtweb/news24/524424.html">如何在nginx下设置目录无执行权限禁止运行php文件？</a> </li><li> <a class="text_overflow" href="/qtweb/news21/286471.html">超融合是打破边缘与混合云数据管理瓶颈的关键</a> </li><li> <a class="text_overflow" href="/qtweb/news46/518546.html">cs封ip地址吗？国外服务器ip被国内封禁</a> </li><li> <a class="text_overflow" href="/qtweb/news6/350706.html">五大高危险僵尸网络攻击模式全解析</a> </li><li> <a class="text_overflow" href="/qtweb/news3/188003.html">网盘下载和本地下载有什么不同？（海外云服务器与传统服务器有何不同？）</a> </li><li> <a class="text_overflow" href="/qtweb/news10/255260.html">深入了解Fortinet的SASE平台</a> </li> </ul> </div> <div class="bkright tag"> <p><a href="https://www.cdcxhl.com/hangye/link.html" target="_blank">各行业网站</a></p> <ul> <li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/hntjbc/" target="_blank">混凝土搅拌罐车</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/bgcl/" target="_blank">办公窗帘</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/snjbc/" target="_blank">水泥搅拌车</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/bolimo/" target="_blank">玻璃贴膜</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/fadianji/" target="_blank">柴油发电机</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/jbgc/" target="_blank">搅拌罐车</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/fwjd/" target="_blank">房屋鉴定</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/tadiaozulin/" target="_blank">塔吊租赁</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/kafeitingsj/" target="_blank">咖啡厅设计</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/shilongwang/" target="_blank">石笼网</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/gaokongche/" target="_blank">高空作业车租赁</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/jiulousj/" target="_blank">酒楼设计</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/hntjbg/" target="_blank">混凝土搅拌罐</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/jszz/" target="_blank">假山制作</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/zbljbc/" target="_blank">自拌料搅拌车</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/qchs/" target="_blank">报废汽车回收</a> </li> </ul> </div> </div> </div> <div class="carousel-inner linkbg" style="background: #fff"> <div class="container"> <a href="http://www.cdxwcx.cn/tuoguan/cdbgp.html" target="_blank">成都多线服务器托管</a> <a href="https://www.cdxwcx.com/wangzhan/gaiban.html" target="_blank">网页改版</a> <a href="http://m.cdcxhl.cn/mobile/ " target="_blank">手机网站制作</a> <a href="http://www.cdwuji.com/" target="_blank">正泰动物</a> <a href="http://m.cdcxhl.cn/seo/ " target="_blank">成都网站优化</a> <a href="http://www.cdhuace.com/logo.html" target="_blank">标志设计</a> <a href="http://www.cdxwcx.cn/tuoguan/xiyun.html" target="_blank">成都移动托管</a> <a href="https://www.cdcxhl.com/h5.html" target="_blank">成都响应式网站</a> <a href="http://www.myzitong.com/" target="_blank">绵阳梓潼做网站</a> <a href="https://www.cdxwcx.com/wangzhan/mbshangcheng.html" target="_blank">B2C电商系统</a> <a href="http://www.ybzwz.com/" target="_blank">宜宾网站建设</a> <a href="http://www.cxhljz.cn/wechat/" target="_blank">微官网开发</a> <a href="https://www.cdcxhl.com/xiangyingshi.html" target="_blank">响应式网站</a> <a href="https://www.cdxwcx.com/wangzhan/applet.html" target="_blank">微信小程序</a> <a href="https://www.cdcxhl.com/link/" target="_blank">买友情链接</a> <a href="https://www.scvps.cn/" target="_blank">服务器租用</a> <a href="https://www.scvps.cn/" target="_blank">租用服务器</a> <a href="http://www.cdxwcx.cn/bj/" target="_blank">做网站价格</a> <a href="https://www.cdcxhl.com/bastion/" target="_blank">堡垒主机</a> <a href="http://chengdu.cdcxhl.com/dingzhi/" target="_blank">定制网站</a> </div> </div> <footer> <div class="carousel-inner footjz"> <div class="container"> <i class="icon iconfont zbw"></i> 高品质定制 <i class="icon iconfont"></i> 跨终端自动兼容 <i class="icon iconfont"></i> 节约开发成本 <i class="icon iconfont"></i> 开发周期短 <i class="icon iconfont"></i> 一体化服务 <button type="button" class="btn btn-default btn-lg" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 立即开始2800定制网站建设</button> <button type="button" class="btn btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制网站建设</button> </div> </div> <div class="carousel-inner bqsy"> <div class="container"> <div class="lxfs"> <h4 class="yutelnone">028-86922220 13518219792</h4> <h4 class="yutelblock"><a href="tel:02886922220">028-86922220</a> <a href="tel:13518219792">13518219792</a></h4> <a class="btn btn-default" href="tencent://message/?uin=532337155&Site=&Menu=yes" role="button">网站建设<span>QQ</span>：532337155</a> <a class="btn btn-default" href="tencent://message/?uin=631063699&Site=&Menu=yes" role="button">营销推广<span>QQ</span>：631063699</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" role="button">网站制作<span>QQ</span>：532337155</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=631063699&version=1&src_type=web&web_src=oicqzone.com" role="button">营销推广<span>QQ</span>：631063699</a> <a class="btn btn-default nonea" href="tencent://message/?uin=1683211881&Site=&Menu=yes" role="button">售后QQ：1683211881</a> <div class="dz">创新互联建站专注： <a href="https://www.cdcxhl.com/" target="_blank">网站设计</a> <a href="https://www.cdcxhl.com/" target="_blank">网站制作</a> <a href="https://www.cdcxhl.com/" target="_blank">网站建设</a> <address>地址：成都太升南路288号锦天国际A幢10楼</address> </div> </div> <div class="bzdh dz"><img src="https://www.cdcxhl.com/imges/bottom_logo.png" alt="创新互联"> <p><a href="https://www.cdcxhl.com/menu.html" target="_blank">成都创新互联科技有限公司</a><br> Tel：400-028-6601（7x24h）</p></div> </div> </div> </footer> </body> </html> <script> $.getJSON ("../../qtwebpic.txt", function (data) { var jsonContent = { "featured":data } var random = jsonContent.featured[Math.floor(Math.random() * jsonContent.featured.length)]; $(".adpic .adimg").attr("href",random.link) $(".adpic img").attr("src",random.pic); }) </script>
