如何使用 JavaScript 在新分頁中可靠地開啟 URL？

使用JavaScript 在單獨的選項卡中開啟URL

嘗試使用JavaScript 在新分頁中開啟URL 時，請使用常用的建議方法，例如window.開啟（網址，'_blank'）；仍可能導致彈出視窗。本文探討了一種確保在新分頁中開啟 URL 的可靠方法。

解決方案：利用 Focus() 方法

要在新分頁中有效開啟 URL，請合併focus() 方法與 window.open 函數一起。修改後的程式碼如下：

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

// Or simply
window.open(url, '_blank').focus();

透過在開啟 URL 後呼叫 focus()，瀏覽器將新分頁重定向到聚焦狀態。這會覆蓋建立新視窗的預設行為，使您能夠一致地在單獨的標籤中開啟 URL。

實作

此解決方案可以直接在 onclick 事件處理程序中實作為您想要的元素來防止彈出視窗攔截器。或者，您可以為指定的 DOM 物件新增事件偵聽器。以下是使用 HTML 的範例：

<div onclick="openInNewTab('www.test.com');">Something To Click On</div>

按一下此程式碼後，將在新分頁中開啟指定的 URL。值得注意的是，這種技術在彈出視窗攔截器可能幹擾在標籤中開啟 URL 的預期行為的情況下特別有用。

以上是如何使用 JavaScript 在新分頁中可靠地開啟 URL？的詳細內容。更多資訊請關注PHP中文網其他相關文章！