📌  相关文章
📜  html 在新选项卡中打开内容 - Html (1)

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

在新选项卡中打开内容 - HTML

在 HTML 中,通过修改链接的 target 属性,可以控制链接所打开的位置。在本文中,我们将介绍如何在新选项卡中打开链接的内容。

方法一: 使用 target="_blank"

将链接的 target 属性设置为 _blank,即可在新选项卡中打开链接中的内容。如下所示:

<a href="https://www.example.com" target="_blank">Example</a>

以上示例中,链接的文本为 "Example",链接地址为 "https://www.example.com",并且在新选项卡中打开链接的内容。

方法二: 使用 JavaScript

使用 JavaScript,可以通过添加一个 onclick 事件来打开链接的内容。如下所示:

<a href="https://www.example.com" onclick="window.open(this.href); return false;">Example</a>

以上示例中,链接的文本为 "Example",链接地址为 "https://www.example.com",并且使用 window.open() 方法在新选项卡中打开链接的内容。

总结

以上两种方法都可以在新选项卡中打开链接的内容。需要注意的是,在使用 JavaScript 方法时,需要通过 return false 来防止链接正常的点击事件。