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

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

PHPz
PHPzasal
2023-04-25 09:13:212144semak imbas

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";
  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");

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");

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>

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!

Kenyataan:
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