zoukankan      html  css  js  c++  java
  • a标签属性 rel="noopener noreferrer"

     

      超链接 target="blank" 要增加 rel="nofollow noopener noreferrer" 来堵住钓鱼安全漏洞。如果你在链接上使用 target="blank"属性,并且不加上rel="noopener"属性,那么你就让用户暴露在一个非常简单的钓鱼攻击之下。

    当你浏览一个页面点击一个a标签连接 <a href="www.baidu.com" target="_blank"> 跳转到另一个页面时,

    在新打开的页面(baidu)中可以通过 window.opener获取到源页面的部分控制权, 即使新打开的页面是跨域的也照样可以(例如 location 就不存在跨域问题)。

    rel=noopener 新特性

    <a href="www.baidu.com" target="_blank" rel="noopener noreferrer"></a>

    在chrome 49+,Opera 36+,打开添加了rel=noopener的链接, window.opener 会为null。在老的浏览器中,可以使用 rel=noreferrer 禁用HTTP头部的Referer属性,使用下面JavaScript代替target='_blank' 的解决此问题:

    var otherWindow = window.open('http://keenwon.com');
    otherWindow.opener = null;
    otherWindow.location = url;

    使用 window.open 打开页面,手动把opener设置为null。

    不停学习,热爱是源源不断的动力。
  • 相关阅读:
    Vue2.5
    Vue --- :is
    Vue面试中经常会被问到的面试题
    100道JS构造函数面试题
    100道前端面试题
    占位
    06-验证码-基本功能实现
    由ES规范学JavaScript(二):深入理解“连等赋值”问题
    JS中keyup, keypress, keydown以及oninput四个事件的区别
    Java中class的声明
  • 原文地址:https://www.cnblogs.com/ximenchuifa/p/14954311.html
Copyright © 2011-2022 走看看