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

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

如何在新选项卡中打开链接

当我们在网页中需要打开一个链接时,通常会在当前选项卡中进行。但有时我们需要在新的选项卡中打开链接,以便用户可以保留原始页面并轻松返回。

以下是实现此功能的几种方式:

使用target属性

在HTML中,通过将链接的target属性设置为"_blank"即可在新选项卡中打开链接。

<a href="https://www.example.com" target="_blank">打开链接</a>
JavaScript中使用window.open()

在JavaScript中,可以使用window.open()方法在新选项卡中打开链接。该方法接受3个参数:URL、窗口名称和窗口属性。

window.open('https://www.example.com')

为了避免被浏览器的弹出窗口阻止器拦截,建议在window.open()方法中指定一个名称。此外,还可以通过指定窗口属性来更改新窗口的大小、位置等。

jQuery中使用$.fn.attr()

如果您正在使用jQuery,则可以使用$.fn.attr()方法将链接的target属性设置为"_blank"。这需要在HTML代码中包含jQuery库。

$('a.new-tab').attr('target', '_blank');

以上是几种常见的在新选项卡中打开链接的方式。选择哪种方法可以根据具体情况而定,这些方法也可以根据需求进行进一步的扩展。