Bagaimana untuk Membuka URL dalam Windows/Tab Baharu dengan JavaScript?

Barbara Streisand
Lepaskan: 2024-10-21 21:23:30
asal
717 orang telah melayarinya

How to Open URLs in New Windows/Tabs with JavaScript?

Membuka URL dalam Windows/Tab Baharu Menggunakan JavaScript

Dalam JavaScript, sifat location.href membenarkan anda menukar URL semasa muka surat. Walau bagaimanapun, apabila digunakan secara langsung, ia menggantikan halaman semasa dengan URL sasaran. Untuk membuka URL sasaran dalam tetingkap atau tab baharu, anda perlu menggunakan kaedah window.open().

Contoh

Pertimbangkan serpihan kod JavaScript berikut:

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

Untuk membuka URL sasaran dalam tab baharu, ubah suai kod seperti berikut:

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

Dalam kod yang diubah suai ini, kami menggunakan kaedah window.open() dengan dua parameter:

  • Parameter pertama ('https://support.wwf.org.uk/earth_hour/index.php?type=individual') menentukan URL yang akan dibuka.
  • Parameter kedua ('_blank') menunjukkan bahawa URL harus dibuka dalam tab tetingkap baharu.

Nota: Nilai sasaran '_blank' juga boleh digunakan untuk membuka URL dalam tetingkap baharu. Walau bagaimanapun, penyemak imbas yang berbeza mungkin mempunyai gelagat yang berbeza apabila menggunakan '_blank' untuk sasaran berasaskan tetingkap. Oleh itu, biasanya disyorkan untuk menggunakan '_blank' untuk sasaran berasaskan tab dan nama tetingkap khusus untuk sasaran berasaskan tetingkap.

Atas ialah kandungan terperinci Bagaimana untuk Membuka URL dalam Windows/Tab 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
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!