Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Membuka URL dalam Tab Baharu Daripada Windows Pop Timbul Menggunakan JavaScript?

Bagaimanakah Saya Boleh Membuka URL dalam Tab Baharu Daripada Windows Pop Timbul Menggunakan JavaScript?

Linda Hamilton
Lepaskan: 2024-12-25 18:20:10
asal
213 orang telah melayarinya

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

Membuka URL dalam Tab Baharu Tanpa Tetingkap Pop Timbul

Apabila cuba membuka URL dalam tab baharu, ramai pembangun menghadapi isu ini penyemak imbas membuka tetingkap pop timbul sebaliknya. Walaupun menggunakan coretan kod seperti window.open(url, '_blank'); dan window.open(url);, tingkah laku yang diingini tidak tercapai.

Penyelesaian

Untuk menyelesaikan masalah ini, teknik yang bijak boleh digunakan:

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

// Or just
window.open(url, '_blank').focus();
Salin selepas log masuk

Kod ini memfokuskan tab yang baru dibuka, memastikan penyemak imbas membuka URL dalam tab dan bukannya tetingkap.

Untuk menggunakan penyelesaian ini dengan berkesan, adalah disyorkan untuk melaksanakannya terus dalam pengendali onclick untuk pautan. Ini menghalang penyekat pop timbul dan tingkah laku "tetingkap baharu" lalai.

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

Rujukan

Untuk butiran lanjut, rujuk sumber: "Buka URL dalam tab baharu menggunakan JavaScript."

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuka URL dalam Tab Baharu Daripada Windows Pop Timbul Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan