📅 最后修改于: 2023-12-03 15:36:30.876000 🧑 作者: Mango
在Web开发中，有时我们需要在新选项卡中打开链接，以便用户可以在不离开当前页面的情况下访问其他页面。下面是一种使用jQuery实现在新选项卡中打开页面的方法。
$('a').on('click', function(e){
e.preventDefault();
var url = $(this).attr('href');
window.open(url, '_blank');
});
上述代码会监听页面内所有链接的点击事件，当用户单击一个链接时，代码将使用window.open()函数在新选项卡中打开链接的目标页面。'_blank'参数指定新选项卡的名称为“_blank”。
值得注意的是，在上述代码中，我们使用了e.preventDefault()来阻止链接默认的行为，即在当前页面打开链接。如果不调用该函数，window.open()函数将无法在新选项卡中打开页面。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>使用jQuery在新选项卡中打开页面</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(function(){
$('a').on('click', function(e){
e.preventDefault();
var url = $(this).attr('href');
window.open(url, '_blank');
});
});
</script>
</head>
<body>
<a href="https://www.google.com">在新选项卡中打开Google</a>
</body>
</html>
上述示例演示了如何在新选项卡中打开Google的网站。当用户单击超链接时，将弹出一个新选项卡，显示Google的网站。
以上就是使用jQuery在新选项卡中打开页面的方法。当需要在新选项卡中打开链接时，该方法可派上用场。需要注意的是，在考虑使用此功能时，请确保你已获得了用户的明确许可。