如何在新选项卡而不是新窗口中可靠地打开 URL？

在新标签页与新窗口中打开 URL

使用 Web 链接时，您可能会遇到想要在新窗口中打开 URL 的情况新选项卡而不是弹出窗口。虽然某些解决方案可能建议使用 window.open(url, '_blank') 等命令，但这些命令通常会导致打开新窗口。

解决方案：调用 Focus

为了解决这个问题，通过在新打开的窗口上调用 focus() 方法来引入一个小技巧。这会强制将焦点定向到新选项卡，确保它不会显示为弹出窗口。

实现选项

您可以实现此解决方法有两种：

1.作为可自定义功能：

function openInNewTab(url) {
  window.open(url, '_blank').focus();
}

// Usage: Call the function with your desired URL
openInNewTab('www.example.com');

2.作为事件监听器：

window.addEventListener('click', function(event) {
  if (event.target.nodeName === 'A') { // Check if clicked element is an anchor tag
    event.preventDefault(); // Prevent default browser behavior (opening in new window)
    window.open(event.target.href, '_blank').focus(); // Open URL in new tab
  }
});

其他注意事项：

• 为了获得最大兼容性，请在 window.open( 之后直接调用 focus() ) ) 调用。
• '_blank' 参数用于强制浏览器以新选项卡或窗口。
• 如果您需要防止弹出窗口阻止程序并保留默认的“新窗口”行为，请包含以下代码：

window.open(url, '_blank').focus();

通过实现这些解决方案，您现在可以在新选项卡中有效地打开 URL，确保 Web 应用程序的无缝用户体验。

以上是如何在新选项卡而不是新窗口中可靠地打开 URL？的详细内容。更多信息请关注PHP中文网其他相关文章！