Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Membuka URL dengan Amanah dalam Tab Baharu, Bukan Windows Pop Timbul?

Bagaimana untuk Membuka URL dengan Amanah dalam Tab Baharu, Bukan Windows Pop Timbul?

Mary-Kate Olsen
Lepaskan: 2025-01-01 14:12:16
asal
465 orang telah melayarinya

How to Reliably Open URLs in New Tabs, Not Pop-up Windows?

Membuka URL dalam Tab Berasingan, bukan Windows Pop Timbul

Satu cabaran biasa dalam pembangunan web ialah membuka URL dalam tab baharu dan bukannya daripada tetingkap pop timbul. Walaupun cadangan seperti window.open(url, '_blank'), ramai pengguna menghadapi masalah di mana penyemak imbas masih cuba membuka tetingkap baharu. Untuk menyelesaikan masalah ini dengan cekap, mari kita terokai langkah yang perlu.

Penyelesaian:

Kunci untuk berjaya membuka URL dalam tab baharu terletak pada helah halus:

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

Dengan memanggil .focus() pada objek tetingkap yang dibuat oleh window.open(), anda memaksa penyemak imbas untuk membawa tab baharu dalam paparan, menghalang gelagat pop timbul lalai. Ini memastikan URL dimuatkan dalam tab berasingan, tanpa mengganggu fokus semasa atau menimbulkan pop timbul yang menjengkelkan.

Penggunaan:

Teknik ini boleh digunakan dengan berkesan. dalam pelbagai senario. Anda boleh sama ada membenamkan kod terus dalam pengendali onclick elemen HTML atau menetapkannya sebagai pendengar acara kepada objek DOM:

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

Dengan menggunakan pendekatan ini, anda boleh membuka URL dalam tab baharu dengan pasti, memintas pop -sekat dan menyediakan pengalaman pengguna yang lancar.

Atas ialah kandungan terperinci Bagaimana untuk Membuka URL dengan Amanah dalam Tab Baharu, Bukan Windows Pop Timbul?. 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