Bagaimana untuk Membuka URL dengan Amanah dalam Tab Baharu Daripada Windows Baharu?

Membuka URL dalam Tab Baharu lwn. Windows Baharu

Apabila bekerja dengan pautan web, anda mungkin menghadapi situasi di mana anda ingin membuka URL dalam tab baharu dan bukannya tetingkap pop timbul. Walaupun sesetengah penyelesaian mungkin mencadangkan menggunakan arahan seperti window.open(url, '_blank'), ini selalunya membawa kepada tetingkap baharu dibuka sebaliknya.

Penyelesaian: Mendapat Fokus

Untuk menangani isu ini, perkenalkan sedikit helah dengan menggunakan kaedah focus() pada tetingkap yang baru dibuka. Ini memaksa tumpuan untuk diarahkan ke tab baharu, memastikan ia tidak nyata sebagai tetingkap timbul.

Pilihan Pelaksanaan

Anda boleh melaksanakan ini penyelesaian dalam dua cara:

1. Sebagai Fungsi Boleh Disesuaikan:

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

// Usage: Call the function with your desired URL
openInNewTab('www.example.com');

2. Sebagai Pendengar Acara:

window.addEventListener('click', function(event) {
  if (event.target.nodeName === 'A') { // Check if clicked element is an anchor tag
    event.preventDefault(); // Prevent default browser behavior (opening in new window)
    window.open(event.target.href, '_blank').focus(); // Open URL in new tab
  }
});

Pertimbangan Tambahan:

• Untuk keserasian maksimum, gunakan fokus() terus selepas window.open( ) panggilan.
• Parameter '_blank' digunakan untuk memaksa penyemak imbas membuka URL dalam tab baharu atau tetingkap.
• Jika anda perlu menghalang penyekat pop timbul dan mengekalkan kelakuan lalai "tetingkap baharu", masukkan kod berikut:

window.open(url, '_blank').focus();

Dengan melaksanakan penyelesaian ini, anda kini boleh membuka URL dengan berkesan dalam tab baharu, memastikan pengalaman pengguna yang lancar untuk aplikasi web anda.

Atas ialah kandungan terperinci Bagaimana untuk Membuka URL dengan Amanah dalam Tab Baharu Daripada Windows Baharu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!