HTML链接而不打开新标签 - HTML

HTML中的链接经常被用来让用户点击进入另一个页面或进一步浏览。但是，有时我们希望用户点击链接后在同一页面内加载新内容，而不是打开一个新标签。在这篇文章中，我们将介绍如何创建一个HTML链接，当用户点击时不打开新标签。

方法一：使用target属性

在HTML中，链接有一个名为target的属性。target属性决定当用户点击链接时如何打开它：

• _self：在同一页面中打开链接（默认）。
• _blank：在新标签中打开链接。
• _parent：在父级框架中打开链接。
• _top：在整个窗口中打开链接。

要在同一页面中打开链接，只需将target属性设置为_self。

<a href="your-link-here" target="_self">Click here to open link in the same tab</a>

方法二：使用JavaScript

另一种在点击链接时不打开新标签的方法是使用JavaScript。通过阻止默认行为，我们可以使用JavaScript在同一页面中加载内容。

<a href="javascript:void(0);" onclick="yourFunction()">Click here to load content in the same tab</a>

在这里，我们使用void(0)来防止链接的默认行为，即在新标签中打开链接。然后，我们在onclick事件中调用一个函数来加载新内容。您可以将yourFunction()替换为自己的函数，该函数将在单击链接时调用。

您现在可以使用上述两种方法中的任何一种来创建HTML链接，并在同一页面中加载新内容，而不是打开新标签。