jQuery通过点击链接打开新标签页(window)

在本文中，我们将介绍如何使用jQuery在点击链接时打开新的标签页。

阅读更多：jQuery 教程

使用target属性打开新标签页

在HTML中，可以使用target属性来在点击链接时打开新标签页。target属性可以设置为”_blank”，这将在新标签页中打开链接。下面是一个示例：

<a href="http://www.example.com" target="_blank">点击我打开新标签页</a>

当用户点击链接时，浏览器将会在新的标签页中打开链接。这种方法非常简单，并且不需要使用任何jQuery代码。

使用jQuery打开新标签页

如果你需要在特定条件下打开新标签页，或者需要利用jQuery的其他功能，你可以使用以下代码来实现：

$("a").click(function(event) {
  event.preventDefault(); // 阻止默认行为

  var url = $(this).attr("href");
  window.open(url, "_blank");
});

在上面的代码中，我们使用了jQuery的click事件，当用户点击a标签时，执行回调函数。首先，我们使用event.preventDefault()来阻止链接的默认行为，即在当前标签页中打开链接。然后，我们使用$(this)找到点击的链接，使用attr(“href”)获取链接的URL。最后，使用window.open(url, “_blank”)在新标签页中打开链接。

示例

让我们看一个具体的示例，通过点击链接在新标签页中打开Google网站。

<a href="https://www.google.com" class="new-tab-link">点击我打开Google</a>

<script>
  (".new-tab-link").click(function(event) {
    event.preventDefault();
    var url =(this).attr("href");
    window.open(url, "_blank");
  });
</script>

当用户点击”点击我打开Google”链接时，将会在新标签页中打开Google网站。

总结

通过本文，你学会了如何使用target属性打开新标签页，并且使用jQuery来控制在特定条件下打开新标签页。记住，在使用新标签页时要注意用户体验，避免滥用，给用户带来良好的浏览体验。