如何创建打开新网页窗口或选项卡的链接

要在单击链接时创建新窗口或选项卡, target=”_blank” 属性必须位于a href标记中,如下所示。

<a href="链接" target="_blank" rel="noreferrer">PC</a>

提示请注意,在新选项卡中打开链接时,您正在更改浏览器操作方式的默认行为。对于某些用户来说,这种变化可能会令人困惑和沮丧。

例子

下面是上述代码将创建的示例。如果您单击下面的链接,它将在新窗口或选项卡中打开 主页。如今,所有新浏览器都会在新选项卡中打开这些类型的链接。

在新选项卡中打开“计算机希望”。

标签安全漏洞

当在新选项卡中打开链接时,新选项卡通过 window.opener 对象获得对引用页面的部分访问权限,这使得原始页面容易受到tabnabbing的攻击。

Tabnabbing 是一种网络钓鱼技术,可以更改原始页面内容或位置,使其容易窃取用户内容。例如,如果在新选项卡中打开指向恶意页面的链接,它可以将原始页面的 window.opener.location 切换到新位置(例如,假登录页面)。如果用户尝试通过虚假登录页面重新登录网站,他们的登录详细信息就会与攻击者共享。

为了防止 tabnabbing,请将rel=”noopener noreferrer”属性添加到在新选项卡中打开的链接。例如,下面是我们上面使用的相同代码,并将此属性添加到标签中。

<a href="https://www.duotin.com" rel="noopener noreferrer" target="_blank" class="external">

有关此漏洞的更多信息,请参阅:如何修复 target=”_blank” 链接:网页中的安全和性能问题。

本站所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考。 用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权,请联系我们反馈本站将在三个工作日内改正。
(0)
上一篇 2023年10月5日
下一篇 2023年10月5日

相关推荐