武昌做网站报价,wordpress quora,cad协同设计平台,包头市住房和城乡建设局官方网站我们经常使用a标签用target_blank就完事了#xff0c;是的#xff0c;我曾经也是这么用的#xff0c;直到今天测试一个在qq邮箱中用a标签在线打开一个文档时#xff0c;就发现问题了#xff0c;没有加relnoopener,始终打不开文档#xff0c;当加了此属性时就可以打开下载…我们经常使用a标签用target_blank就完事了是的我曾经也是这么用的直到今天测试一个在qq邮箱中用a标签在线打开一个文档时就发现问题了没有加relnoopener,始终打不开文档当加了此属性时就可以打开下载了。于是没办法只能瞅瞅该属性到底是个啥
当你使用 target_blank 打开一个新的标签页时新页面的 window 对象上有一个属性 opener它指向的是前一个页面的 window 对象因此后一个页面就获得了前一个页面的控制权。
比如的 a 标签是这样 a href/index.html打开连接/a 打开后在控制台输入 window.opener.alert() 看看
甚至在跨域的情况下他也可以生效比如打开 a hrefhttps://blog.csdn.net/jimolangyaleng链接a/后你可以使用 window.opener.location.replace 更改前一个页面的 url。
那么为了避免这种情况,所以我们通常会加上relnoopener或relnoopener norefferrer
比如你的链接现在变成了这样 a href/index.html relnoopener链接a/ 再打开后你会发现 window.opener 已经被置为了 null如果是一些旧的浏览器可以使用 relnorefferrer它不仅禁用了 window.opener后一个页面也无法获取到 refferrer再不行可以利用 js 来打开新的页面之后将 opener 置为 null 来完成这个功能
