在前端网站或 Web 应用程序中，有时候需要判断用户是否在新标签页或窗口中打开了链接。例如，如果用户在当前标签页中打开链接，则可能需要执行某些操作（如跟踪用户行为等）；而如果用户在新标签页中打开链接，则可能不需要执行相应操作。
但是，由于安全性和隐私方面的限制，Web 浏览器并不允许 JavaScript 直接检测用户是否在新标签页中打开链接。然而，我们可以使用一些间接方法来实现此目的。
方法1：使用referrer属性
HTTP Referer 是 HTTP 头的一部分，它包含了用户从哪个页面链接过来的信息。通常情况下，当用户点击链接时，浏览器会将前一个页面的 URL 作为 HTTP 请求头的referer字段发送给服务器。因此，我们可以通过检查链接的 referrer 属性是否与当前页面的 URL 相同来判断用户是否在当前标签页中打开链接。
// 判断链接是否在当前标签页中打开
if (window.location.href === document.referrer) {
console.log('链接在当前标签页中打开');
} else {
console.log('链接在新标签页中打开');
}需要注意的是，refere 属性可能会被浏览器禁用或篡改，因此该方法并不总是可靠。
方法2：使用window.open方法
另一种间接方法是通过 window.open 方法打开链接。我们可以在 JavaScript 中使用该方法打开新的窗口或标签页，并将当前页面的 URL 作为参数传递给该方法。然后，我们可以检查新窗口或标签页是否与当前窗口或标签页具有相同的 origin（源）属性，以判断用户是否在当前标签页中打开链接。
-- -------------------- ---- -------
-- ----------- --- ----
----- --------- - ----------------------------------------- - ----------------------------------------- ----------
-- ---------------
-- ---------- -- ---------------- --- -------------- -
---------------------------
- ---- -
--------------------------
-需要注意的是，window.open 方法可能会被浏览器禁用或弹出拦截器阻止，因此该方法并不总是可用。
结论
虽然直接检测用户是否在新标签页中打开链接的方法被禁止，但我们可以使用一些间接方法来实现。这些方法并不总是可靠，因此在实际应用中需要谨慎使用，并根据具体情况选择合适的方法。
最好的做法是遵循 Web 标准和最佳实践，尊重用户的隐私和安全，并提供良好的用户体验。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30564