在 HTML 中打开链接的新标签页

本文将讨论 HTML 在新标签页中打开链接。首先，让我们了解如何在 HTML 中创建链接。

创建链接

在 HTML 中，"href" 属性用于构建链接。"href" 属性写在 <a> 标签内，使其成为可点击的链接。

语法

在上述语法中，<a> 是开始标签，</a> 是结束标签。"href" 属性的值是 URL。链接的名称写在开始标签和结束标签之间。

创建链接的演示

在此演示中，我们将使用 "href" 属性创建一个链接。

代码

输出

这是我们可以看到一个链接的输出，点击后会带我们到该网站。

点击链接时，网站会在同一个标签页中打开。但有时，我们需要保留上一个页面，所以我们必须手动在新标签页中再次打开上一个网页。

HTML 中有一种方法可以直接在新标签页中打开链接，并同时访问上一个页面和新页面。

有多种方法可以在新标签页中打开链接

• 使用 HTML "target" 属性
• 使用 JavaScript

让我们逐一了解这两种方法。

使用 HTML "target" 属性

"target" 属性会自动在新标签页中打开链接。target 的值必须设置为 "_blank"。

语法

当 "_blank" 值分配给 "target" 属性时，上述语法会用于自动在新标签页中打开链接。

使用 HTML "target" 属性的演示

演示 1

在此演示中，我们将创建一个链接，它将利用 "target" 属性自动在新标签页中打开。

代码

输出

如果我们点击下面输出中可见的链接，它将自动在新标签页中打开。

演示 2

让我们看另一个使用 "target" 属性在新标签页中打开链接的演示。

代码

输出

我们可以在下面的输出中看到一个链接，点击后会在新标签页中打开维基百科页面。

使用 JavaScript

window.open() 函数用于在新标签页中打开链接。

语法

在上述语法中，window.open() 是一个函数。我们想要在新标签页中打开的链接写在 URL 的位置，而值 "_blank" 写在 target 的位置。

在 <script> 标签中定义函数，并在该函数中使用 window.open() 方法。"onclick" 属性写在按钮元素内部，以便在点击按钮时执行某些操作。

使用 window.open() 方法的演示

演示 1

在此演示中，我们将构建一个按钮，按下后会自动在新标签页中打开 URL。

代码

输出

这是下面的输出，我们可以看到一个按钮。当点击按钮时，Javatpoint 网站将自动在新标签页中打开。

演示 2

我们将看到另一个演示，其中我们将使用 window.open() 函数自动在新标签页中打开 URL。

代码

输出

这是下面的输出，我们可以看到一个按钮。当点击按钮时，Google 搜索引擎将自动在新标签页中打开。

结论

在本文中，我们已经了解了 HTML 在新标签页中打开链接。我们可以使用 "target" 属性和 window.open() 在新标签页中打开链接。