📌  相关文章
📜  链接在新选项卡中打开 html (1)

📅  最后修改于: 2023-12-03 15:12:32.338000             🧑  作者: Mango

在新选项卡中打开链接的 HTML

在编写网页时常常需要在链接中设置新选项卡打开,而不是在原始选项卡中打开链接。这是因为在原始选项卡中打开链接会导致用户离开当前页面,而在新选项卡中打开链接则可以保持当前页面的不变。

使用 target 属性打开链接

在 HTML 中,我们可以使用 target 属性来指定链接的打开方式。当 target 属性设置为 _blank 时,链接会在新选项卡中打开。

<a href="https://www.example.com" target="_blank">在新选项卡中打开链接</a>

注意,target 属性必须设置为 _blank 才能在新选项卡中打开链接。

使用 JavaScript 打开链接

除了使用 HTML 属性,我们也可以使用 JavaScript 来打开链接。以下是一个简单的 JavaScript 函数,可以在新选项卡中打开链接:

function openInNewTab(url) {
  var win = window.open(url, '_blank');
  win.focus();
}

我们可以在 HTML 中调用这个函数来打开链接:

<a href="#" onclick="openInNewTab('https://www.example.com'); return false;">在新选项卡中打开链接</a>

在这个例子中,我们把链接的 href 属性设置为 #,这样点击链接不会跳转到任何页面。而是调用 JavaScript 函数打开链接。

总结

以上介绍了两种打开链接的方式,一种是使用 HTML 的 target 属性,另一种是使用 JavaScript 打开链接。在实际编写网页时,我们可以根据需求选择不同的方式。