Bagaimana untuk Membuka URL dalam Tab Pelayar Baharu dengan JavaScript?

Susan Sarandon
Lepaskan: 2024-10-21 21:20:03
asal
692 orang telah melayarinya

How to Open URLs in a New Browser Tab with JavaScript?

Membuka URL dalam Tab Pelayar Baharu dengan 'location.href' JavaScript: Penyelesaian Komprehensif

Sementara sifat 'location.href' JavaScript membenarkan pembangun untuk menukar lokasi halaman semasa, ia mempunyai had apabila pengguna berusaha untuk membuka tab baharu. Untuk menangani perkara ini, pendekatan alternatif diperlukan untuk menavigasi URL yang dikehendaki dalam tab penyemak imbas yang berasingan.

Penyelesaian itu melibatkan memanfaatkan fungsi 'window.open()' JavaScript. Kaedah berkuasa ini menerima dua parameter:

  1. 'targetURL': URL yang harus dibuka dalam tab baharu.
  2. 'windowFeatures': Rentetan yang menunjukkan bagaimana tetingkap baharu sepatutnya dibuka. Untuk tab baharu, nyatakan '_blank'.

Dengan menggantikan kod asal:

if (command == 'lightbox') {
 location.href="https://support.wwf.org.uk/earth_hour/index.php?type=individual";
}
Salin selepas log masuk

dengan versi yang dipertingkatkan berikut, anda boleh berjaya membuka URL sasaran dalam yang baharu tab penyemak imbas:

if (command == 'lightbox') {
 window.open(
  'https://support.wwf.org.uk/earth_hour/index.php?type=individual',
  '_blank'
 );
}
Salin selepas log masuk

Coretan kod yang dipertingkatkan ini akan membuat tab penyemak imbas baharu dan memuatkan halaman web yang dimaksudkan dengan sempurna tanpa menimpa kandungan tab semasa.

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

sumber:php
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