如何在新分頁而不是新視窗中可靠地開啟 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中文網其他相關文章！