关于a标签target=_blank使用rel=noopener

一、为什么要使用rel=‘noopener’?

先举个栗子




    
    
    
    Document


    da





    
    
    
    Document


    


其中在a.html中有个超链接,点击后打开新的tab页,神奇的发现原tab页已经变成了谷歌页面。原因是使用target=_blank打开新的窗口时,赋予了新的窗口一些权限可以操作原tab页,其中window.location就是一个。不使用 rel=noopener就是让用户暴露在钓鱼攻击上。

二、使用rel=noopener
为了防止window.opener被滥用,在使用targrt=_blank时需要加上rel=noopener


三、rel=norefferrer
rel=noopener支持chrome49和opera36,不支持火狐,为了兼容需要加上rel=noreferrer


链接:https://www.jianshu.com/p/c8319e095474

你可能感兴趣的:(前端基础学习,a,target,noopener)