Klik tombol pada halaman html untuk mewujudkan fungsi lompat halaman

Klik tombol pada halaman html untuk melompat ke halaman

Metode 1. Tempatkan tag a di luar tag tombol dan gunakan hyperlink untuk melompat;

 <a href="https://www.baidu.com/" target="_blank">
<button>Masuk ke beranda baidu</button>
</a>

Metode 2. Tambahkan kode οnclick="window.location.href='page url'" di tag tombol dan gunakan event onclick untuk melompat.

 <button onclick="window.location.href = 'https://www.baidu.com/' target="_blank"">Masuk ke beranda baidu</button>

Cara melompat ke halaman html secara otomatis

1. Gunakan elemen meta

 <meta http-equiv="refresh" content="5;url=hello.html">

http-equiv="refresh" adalah untuk menyegarkan halaman. Operasi penyegaran akan dilakukan setelah 5 detik. Url adalah alamat halaman tujuan lompatan.

 <meta http-equiv="segarkan" konten="5">

Baris kode ini berarti hanya menyegarkan, bukan melompat.

2. Gunakan kode skrip

Langsung ke halaman hello.html segera.

 <skrip tipe="teks/javascript">
window.location.href = 'halo.html';
</skrip>

atau

 <skrip bahasa="javascript">
location.replace("http://www.baidu.com/");
</skrip>

Lompat ke halaman hello.html setelah 5 detik.

 <skrip tipe="teks/javascript">
setTimeout("window.location.href = 'halo.html'", 5000);
</skrip>

3. Tentukan apakah itu versi ponsel

 <skrip tipe="teks/javascript">
var wapurl = jendela.lokasi.nama jalur; 
jika
(/Android|webOS|iPhone|iPod|BlackBerry|Windows CE|Windows Phone/i.test(navigator.userAgent))
{jika
(jendela.lokasi.href.toLowerCase().indexOf("?pc")<0)
{mencoba
{window.location.href="/wap"+wapurl}
tangkapan(e){}}
}
</skrip>

Demikianlah artikel tentang mengklik tombol pada halaman HTML untuk melompat ke halaman. Untuk informasi lebih lanjut tentang mengklik tombol untuk melompat ke halaman, silakan cari artikel sebelumnya di downcodes.com atau lanjutkan menelusuri artikel terkait berikut I harap Anda akan melakukannya di masa depan. Banyak mendukung downcodes.com!