Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Membuka URL dengan Amanah dalam Tab Penyemak Imbas Baharu?

Bagaimanakah Saya Boleh Membuka URL dengan Amanah dalam Tab Penyemak Imbas Baharu?

Patricia Arquette
Lepaskan: 2024-12-27 01:02:13
asal
167 orang telah melayarinya

How Can I Reliably Open URLs in New Browser Tabs?

Membuka URL dalam Tab Baharu: Penyelesaian Praktikal

Untuk membuka URL dalam tab baharu dan bukannya tetingkap baharu, salah tanggapan biasa ialah menggunakan window.open(url, '_blank');. Walau bagaimanapun, dalam kes tertentu, penyemak imbas mungkin masih menggesa tetingkap baharu.

Untuk membuka URL dalam tab baharu dengan berkesan, gunakan teknik berikut:

function openInNewTab(url) {
  window.open(url, '_blank').focus();
}
Salin selepas log masuk

Sebagai alternatif, anda boleh terus panggil fungsi dalam pengendali onclick pautan:

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

Pendekatan ini menghalang penyekat pop timbul dan tingkah laku "tetingkap baharu" lalai. Anda boleh melaksanakan penyelesaian ini melalui JavaScript sebaris atau pendengar acara.

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

Ingat bahawa dalam kes ini, fungsi fokus() adalah penting untuk memastikan tab baharu segera dibawa ke hadapan. Dengan menggunakan teknik ini, anda boleh membuka URL dengan lancar dalam tab baharu, meningkatkan pengalaman pengguna dan mengekalkan kawalan ke atas tingkah laku penyemak imbas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuka URL dengan Amanah dalam Tab Penyemak Imbas Baharu?. 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