在新标签页或窗口中打开链接\[重复\]

JavaScript

逆天村村

2020-03-16

是否可以a href在新标签页而不是同一标签页中打开链接?

<a href="http://your_url_here.html">Link</a>

第1642篇《在新标签页或窗口中打开链接\[重复\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
SamGreen 2020.03.16

元素target属性设置<a>"_tab"

编辑:有效,但是W3Schools说没有这样的目标属性:http : //www.w3schools.com/tags/att_a_target.asp

EDIT2:根据我从评论中得出的结论。将target设置为_blank会将您带到新的标签页或窗口(取决于您的浏览器设置)。键入以下内容之一以外的任何内容都会创建一个新的标签组(我不确定它们的工作方式):

_blank  Opens the linked document in a new window or tab
_self   Opens the linked document in the same frame as it was clicked (this is default)
_parent Opens the linked document in the parent frame
_top    Opens the linked document in the full body of the window
framename   Opens the linked document in a named frame
AL村村 2020.03.16

您可以通过设置简单地做到这一点target="_blank",w3schools有一个例子

猪猪Stafan小卤蛋 2020.03.16

您应该在锚标记中添加target="_blank"rel="noopener noreferrer"

例如:

<a target="_blank" rel="noopener noreferrer" href="http://your_url_here.html">Link</a>

添加rel="noopener noreferrer"不是强制性的,但这是建议的安全措施。可以在下面的链接中找到更多信息。

资源:

达蒙斯丁 2020.03.16

决定是否在新标签页或新窗口中打开链接不是您的电话,因为最终此选择应由用户浏览器的设置来完成。有些人喜欢制表符;有些像新窗户。

使用_blank会告诉浏览器使用新的选项卡/窗口,具体取决于用户的浏览器配置以及用户如何单击链接(例如,中键单击,Ctrl+单击或常规单击)。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android