Bagaimana cara kembali ke halaman sebelumnya di javascript?

1 years ago

Komentar: 0

Dibaca: 37

Tautan langsung dalam aplikasi web menavigasi ke halaman tertentu terlepas dari halaman apa pun yang dibuka pengguna. Tetapi bagaimana jika Anda ingin mengarahkan pengguna ke halaman sebelumnya?

Table of Contents Show

API Sejarah
history.back()
history.go()
Definisi dan Penggunaan
Nilai Pengembalian
Dukungan Peramban
Bagaimana cara menavigasi ke URL sebelumnya dalam JavaScript?
Bagaimana Anda pergi ke halaman belakang?

Tombol kembali di dekat bilah URL di browser sudah melakukan ini

Tetapi Anda juga dapat menyediakan tombol khusus untuk melakukan ini. Begini caranya

API Sejarah

Browser memperlihatkan History API pada objek window, yang memberi kita akses ke sesi riwayat browser. API ini juga memberi kita akses ke metode toggling yang berbeda antara sesi yang berbeda dalam sejarah

history.back()

Metode yang kita butuhkan untuk use case kita adalah back() metode yang digunakan seperti ini

window.history.back()

Masuk ke mode layar penuh Keluar dari mode layar penuh

Memanggil metode ini memindahkan browser ke halaman sebelumnya. Jika tidak ada riwayat sesi sebelumnya, metode ini tidak akan melakukan apa pun

history.go()

API Sejarah juga memiliki metode go()_, yang memungkinkan Anda untuk pergi ke sesi sejarah tertentu. Sintaks

window.history.go(index)

_

Masuk ke mode layar penuh Keluar dari mode layar penuh

Untuk mundur satu halaman ke belakang dalam riwayat sesi

window.history.go(-1)

Masuk ke mode layar penuh Keluar dari mode layar penuh

Untuk kembali dua halaman

window.history.go(-2)

Masuk ke mode layar penuh Keluar dari mode layar penuh

Untuk maju satu halaman

window.history.go(1)

_

Masuk ke mode layar penuh Keluar dari mode layar penuh

Mirip dengan metode back()_, jika riwayat sesi target tidak ada, fungsi tidak akan melakukan apa pun saat dipanggil

Ini memiliki efek yang sama dengan memanggil history.go(-1). Jika tidak ada halaman sebelumnya, pemanggilan metode ini tidak melakukan apa-apa

Metode ini asinkron. Tambahkan pendengar untuk acara popstate_ untuk menentukan kapan navigasi telah selesai

back()

Tidak ada

Tidak ada (undefined)

Contoh singkat berikut menyebabkan tombol pada halaman untuk menavigasi kembali satu entri dalam riwayat sesi

Kita perlu tahu tentang addEventListener() dan window. sejarah. back() untuk fungsi ini addEventListener() Melekatkan pengendali peristiwa ke dokumen

hapusEventListener()

Menghapus event handler dari dokumen (yang telah dilampirkan dengan metode addEventListener())

Untuk Ke halaman sebelumnya

Metode Pertama

Go Back

_

Metode Kedua

Go back

jika kita ingin mundur lebih dari satu langkah maka tingkatkan

For going 2 steps back history.go(-2)
For going 3 steps back history.go(-3)
For going 4 steps back history.go(-4)
and so on.......

_

Ada dua cara populer untuk membuat browser kembali ke halaman sebelumnya dengan mengklik event JavaScript, kedua metode tersebut dijelaskan di bawah ini

Metode 1. Menggunakan sejarah. pergi() metode. Metode go() dari jendela. objek histori digunakan untuk memuat halaman dari histori sesi. Ini dapat digunakan untuk bergerak maju atau mundur menggunakan nilai parameter delta. Parameter delta positif berarti bahwa halaman tersebut akan maju dalam sejarah. Demikian pula, nilai delta negatif akan membuat halaman kembali ke halaman sebelumnya
Metode ini dapat digunakan dengan '-1' sebagai nilai delta untuk mundur satu halaman dalam sejarah. Acara onclick dapat ditentukan dengan metode untuk kembali satu halaman dalam sejarah

Sintaksis

window.history.go(-1)

_

Catatan. Jika kita ingin mundur lebih dari satu langkah maka tingkatkan nilai delta dari '-1' menjadi sebanyak yang Anda inginkan

Contoh

Buat tombol kembali pada halaman

Kembali

Output dari kode di atas akan menjadi

Klik Kembali untuk melihat cara kerjanya
(Hanya akan berfungsi jika halaman sebelumnya ada di daftar riwayat Anda)

Cobalah sendiri "

Definisi dan Penggunaan

Metode history.back()_ memuat URL (halaman) sebelumnya dalam daftar riwayat

Metode history.back()_ hanya berfungsi jika ada halaman sebelumnya

Sintaksis

Parameter

Nilai Pengembalian

Dukungan Peramban

history.back()_ didukung di semua browser

ChromeEdgeFirefoxSafariOperaIEYaYaYaYaYa

Bagaimana cara menavigasi ke URL sebelumnya dalam JavaScript?

Jika Anda ingin pergi ke halaman sebelumnya tanpa mengetahui url, Anda dapat menggunakan api Sejarah baru. sejarah. back(); //Ke halaman riwayat sebelumnya. maju(); . pergi(indeks); .

Bagaimana Anda pergi ke halaman belakang?

Alt+Panah Kiri (Alt+Panah Kanan Maju)

kode javascript