如何将 target="_blank" 属性添加到锚链接
target 属性确定单击链接时链接文档将打开的位置。
它默认打开当前窗口。
要在新窗口中打开链接，我们需要将 target="_blank" 属性添加到锚链接，如下所示。
在具有目标属性的新窗口中打开超链接的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<h1>Hyperlink Example</h1>
<p>
<a href="https://www.onitroad.com/" target="_blank">此超链接</a> 将在新选项卡中打开。
</p>
</body>
</html>
在给定的示例中，当访问者单击超链接时，它会在新窗口或者选项卡中打开。
通过使用 JavaScript window.open 函数和 onclick 事件属性，还有另一种在新选项卡中打开超链接的方法，如下所示：
onclick="window.open('URL')"
使用 onclick 事件在新窗口中打开超链接的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
<style>
.link:hover {
text-decoration: underline;
color: blue;
cursor: pointer;
}
</style>
</head>
<body>
<h1>使用 JavaScript实现超链接</h1>
<p>访问</p>
<p onclick="window.open('https://www.onitroad.com/')" class="link">onitroad</p>
</body>
</html>
让我们再看一个例子，除了 target 属性之外，我们还添加了一个值为“noopener noreferrer”的 rel 属性。
rel 属性不是强制性的，但建议将其作为安全措施。
在具有 target 和 rel 属性的新选项卡中打开链接的示例：
<!DOCTYPE html>
<html>
<head>
<title>文档的标题</title>
</head>
<body>
<a target="_blank" rel="noopener noreferrer" href="https://www.onitroad.com/">Hello World</a>
<p>此链接将在新的浏览器选项卡或者新窗口中打开。</p>
</body>
</html>
超链接用于从一个页面跳转到另一个页面。
默认情况下，超链接通常在同一页面中打开。
但是可以在单独的窗口中打开超链接。
在新标签页或者窗口中打开外部链接会使人们离开。
通过这种方式，我们可以阻止访问者返回。
请记住，访问者可以自己打开一个新选项卡，并且在未经他们同意在新选项卡或者窗口中打开链接时会感到恼火。
这就是为什么建议避免在新选项卡或者窗口中打开链接的原因。
但是，在某些特定情况下可能需要这样做，在此代码中，我们将演示如何做到这一点。
如我们所知，在 HTML 中，<a> 标记与 href 属性一起用于创建超链接。
当需要告诉浏览器其中打开文档时，使用 target 属性。
日期：2020-06-02 22:15:13 来源：oir作者：oir