搞快点

关于 a 标签 target_blank 使用 rel=noopener

为什么要使用rel=’noopener’?

举个例子: a.html 和 b.html 两个页面

a.html

<a href="b.html" target="_blank">da</a>

b.html

<script>window.opener.location.href ="https://wqdy.top"</script>

其中在 a.html 中有个超链接,点击后在新标签页打开 b.html页面,但是发现原 a.html 页面已经变成了其他页面。原因是使用 target=_blank 打开新的窗口时,赋予了新的窗口一些权限可以操作原窗口,其中 window.location 就是一个。

window.opener对象

为了防止 window.opener 被滥用,提高网站的安全性,在使用 targrt=_blank 时需要加上 rel=noopener,同时为了兼容也可以加上 rel=noreferrer

赞(0) 打赏
未经允许不得转载:稻草人 » 关于 a 标签 target_blank 使用 rel=noopener

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址