Cara menggunakan JavaScript untuk melaksanakan fungsi belakang

JavaScript ialah bahasa skrip yang biasa digunakan dalam aplikasi web dan pembangunan tapak web. Dalam proses ini, ciri antara muka pengguna adalah penting, salah satunya ialah kefungsian butang "kembali". Objek sejarah disediakan dalam HTML5, yang boleh melaksanakan fungsi belakang dan hadapan dengan mudah. Artikel ini akan memperkenalkan cara melaksanakan fungsi belakang menggunakan JavaScript.

1. Gunakan history.back()

Kaedah history.back() digunakan untuk menavigasi ke rekod sebelumnya dalam sejarah akses pengguna. Sebagai contoh, apabila pengguna menggunakan fungsi carian, mereka mungkin mengklik pada beberapa pautan dan kemudian ingin kembali ke halaman sebelumnya untuk membuat perubahan. Dalam kes ini, anda boleh menggunakan kaedah history.back().

Begini cara menggunakannya:

history.back();

Ini akan mengembalikan anda ke halaman sebelumnya. Jika halaman yang dilawati pengguna pada asalnya ialah halaman hasil carian, halaman sebelum carian akan dikembalikan. Ini kerana objek sejarah menyimpan sejarah akses pengguna.

2. Gunakan history.go()

Kaedah history.go() juga boleh digunakan untuk menavigasi ke halaman sebelumnya, tetapi perbezaannya dengan history.back() ialah anda boleh menentukan Berapa banyak rekod untuk dikembalikan. Contohnya, jika pengguna ingin kembali ke halaman ketiga yang mereka lihat sebelum ini, mereka boleh menggunakan kod berikut:

history.go(-2);

Ini akan mengembalikan halaman ketiga terbaharu. Jika pengguna cuba kembali ke tiga halaman semasa melawat kurang daripada tiga halaman, rekod tertua akan dikembalikan.

3. Gunakan window.location.href

Kaedah lain ialah menggunakan objek lokasi untuk kembali ke halaman sebelumnya. Gunakan sifat window.location.href untuk mendapatkan URL halaman semasa dan kemudian ubah hala ke URL halaman sebelumnya. Contoh kod untuk pendekatan ini adalah seperti berikut:

window.location.href = document.referrer;

Gunakan sifat document.referrer untuk mendapatkan URL halaman sebelumnya dan kemudian ubah hala window.location.href ke halaman sebelumnya.

Ringkasan

Tiga kaedah di atas boleh membantu anda melaksanakan fungsi butang "kembali" dalam aplikasi dan tapak web JavaScript. Gunakan mana-mana kaedah ini untuk kembali ke sejarah pengguna dengan mudah dan meningkatkan pengalaman pengguna.

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa jika tapak web atau aplikasi anda menggunakan seni bina aplikasi halaman tunggal (SPA), anda mungkin perlu menggunakan fungsi penghala rangka kerja bahagian hadapan untuk melaksanakan fungsi belakang dan hadapan , seperti Vue Router atau React Router. Ini kerana dalam SPA, penukaran halaman diuruskan melalui penghala bahagian hadapan, bukan melalui sejarah penyemak imbas.

Apabila melaksanakan butang Kembali, ingat pengalaman pengguna dan pastikan kaedah pelaksanaan memenuhi keperluan apl atau tapak web anda.

Atas ialah kandungan terperinci Cara menggunakan JavaScript untuk melaksanakan fungsi belakang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!