Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk melaksanakan lompatan halaman web dalam javascript (contoh kod)

Bagaimana untuk melaksanakan lompatan halaman web dalam javascript (contoh kod)

PHPz
Lepaskan: 2023-04-25 10:09:27
asal
2262 orang telah melayarinya

Dalam JavaScript, terdapat banyak cara untuk melompat ke halaman web Berikut ialah kaedah biasa:

  1. Gunakan window.location.href

window.location. href boleh terus melompat halaman semasa ke URL yang ditentukan Kodnya adalah seperti berikut:

window.location.href = "http://www.example.com";
Salin selepas log masuk
  1. Gunakan window.open

window.open untuk membuka yang baharu. tetingkap atau tab dan lompat ke URL yang ditentukan, kodnya adalah seperti berikut:

window.open("http://www.example.com", "_blank");
Salin selepas log masuk

di mana "_blank" bermaksud membuka pautan dalam tetingkap atau tab baharu.

  1. Gunakan location.replace

location.replace untuk melompat ke URL yang ditentukan dan menggantikan halaman semasa supaya ia tidak lagi dalam sejarah penyemak imbas Halaman asal, kodnya adalah seperti berikut:

location.replace("http://www.example.com");
Salin selepas log masuk

Disebabkan menggantikan halaman semasa, adalah disyorkan untuk mengesahkan operasi pengguna sebelum melakukan operasi lompat.

  1. Gunakan penyerahan borang

Dalam HTML, anda boleh menggunakan penyerahan borang untuk melompat ke URL yang ditentukan, kodnya adalah seperti berikut:

<form action="http://www.example.com" method="get">
  <input type="submit" value="跳转">
</form>
Salin selepas log masuk

Tentukan URL lompat melalui atribut tindakan dalam borang, dan lompat secara automatik apabila borang diserahkan.

Ringkasan

Di atas adalah beberapa cara untuk melompat ke halaman web dalam JavaScript Kaedah yang mana untuk digunakan perlu dipilih mengikut keperluan khusus. Antaranya, window.location.href, window.open, dan location.replace boleh dipanggil terus dalam JavaScript, manakala borang perlu digunakan dalam HTML.

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan lompatan halaman web dalam javascript (contoh kod). 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan