关于a标签target_blank使用rel=noopener

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

先举个栗子




    
    
    
    Document


    da





    
    
    
    Document


    


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

关于a标签target_blank使用rel=noopener_第1张图片
window.opener

二、使用rel=noopener

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

三、rel=norefferrer

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

四、eslint提示

eslint提示

eslint提示后根据文档实际尝试了一下,之前忽略的小问题居然还有这么大安全问题,网络安全不可小觑。

参考文章:eslint提示的官方文档

你可能感兴趣的:(关于a标签target_blank使用rel=noopener)