首頁 >web前端 >js教程 >如何使用 JavaScript 在新分頁中開啟 URL,而不是彈出視窗?

如何使用 JavaScript 在新分頁中開啟 URL,而不是彈出視窗?

Linda Hamilton
Linda Hamilton原創
2024-12-25 18:20:10210瀏覽

How Can I Open URLs in New Tabs Instead of Pop-up Windows Using JavaScript?

在新分頁中開啟URL 而不彈出視窗

嘗試在新分頁中開啟URL 時,許多開發者都會遇到此問題瀏覽器開啟一個彈出視窗。儘管使用了諸如 window.open(url, '_blank'); 之類的程式碼片段和 window.open(url); ,沒有實作所需的行為。

解決方案

要解決這個問題,可以採用一種巧妙的技術:

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

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

這段程式碼聚焦於新開啟的選項卡,確保瀏覽器在選項卡中打開URL,而不是在window.

要有效地利用此解決方案,建議直接在連結的 onclick 處理程序中實現它。這可以防止彈出視窗阻止程式和預設的“新視窗”行為。

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

參考

有關更多詳細信息,請參閱資源:“打開 URL使用 JavaScript 在新選項卡中。”

以上是如何使用 JavaScript 在新分頁中開啟 URL,而不是彈出視窗?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn