📅  最后修改于: 2023-12-03 15:12:32.338000             🧑  作者: Mango
在编写网页时常常需要在链接中设置新选项卡打开,而不是在原始选项卡中打开链接。这是因为在原始选项卡中打开链接会导致用户离开当前页面,而在新选项卡中打开链接则可以保持当前页面的不变。
在 HTML 中,我们可以使用 target
属性来指定链接的打开方式。当 target
属性设置为 _blank
时,链接会在新选项卡中打开。
<a href="https://www.example.com" target="_blank">在新选项卡中打开链接</a>
注意,target
属性必须设置为 _blank
才能在新选项卡中打开链接。
除了使用 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 打开链接。在实际编写网页时,我们可以根据需求选择不同的方式。