Melacak Data Histori HTML Menggunakan History.back DOM
Method History.back() DOM pada HTML digunakan untuk melakukan loading URL previous dari daftar history yang tersedia pada browser. Method History.back() memiliki fungsi yang sama seperti tombol back pada web browser. Method ini tidak akan bekerja jika halaman previous tidak tersedia pada browser. Method History.back() tidak mengandung parameter jenis apapun pada pengoperasiannya.
Sintak:
history.back
Berikut adalah ilustrasi program dari method History.back() DOM pada HTML.
Contoh:
 |
| Ilustrasi HistoryBack DOM HTML |
Sebelum memahami lebih dalam materi tentang Melacak Data Histori HTML Menggunakan History.back DOM, terlebih dahulu pelajari materi tentang: Geolokasi Posisi DOM HTML dan Fungsinya [klik], Koordinat Geolokasi HTML DOM dan Fungsinya [klik], dan Mengatur Konten Teks HTML Menggunakan textContent DOM [klik].
history.back
Berikut adalah ilustrasi program dari method History.back() DOM pada HTML.
Baca Juga:
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Method History.back() DOM
</title>
<style>
h1
{
color:green;
}
h2
{
font-family: Impact;
}
body
{
text-align:center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Method History.back() DOM
</h2>
<p>
Untuk mengakses URL previous
pada daftar history, lakukan
double klik pada tombol "Go
back":
</p>
<button
ondblclick="history_back()">
Go back
</button>
<script>
function history_back()
{
window.history.back();
}
</script>
</body>
</html>
Catatan: tombol tersebut tidak akan bekerja jika tidak terdapat url previous apapun pada browser, untuk membuat tombol tersebut bekerja, user dapat melakukan proses copy url dan membuka jenis web apapun untuk menciptakan daftar history previous, setelah itu baru mengaktifkan method dengan cara menekan tombol untuk mengaktifkan method.
Referensi Tambahan:
- 2 Contoh Penggunaan Properti length pada HTMLcollection [klik]
- 2 Sintak Penggunaan Method namedItem() pada HTMLcollection [klik]
- 2 Bentuk Sintak pada Properti Lokasi Hash DOM pada HTML [klik]
- 2 Sintak Pada Properti Lokasi Host DOM pada HTML [klik]
- 2 Sintak Penggunaan Properti Lokasi Hostname DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Lokasi href DOM pada HTML [klik]
- Cara Penggunaan Properti Location Origin DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Nabila Qurrotu Aini, Nabila Tharfi Qoirunisya, Nanda Diva Lingkar Imani, Novia Rizky Fadilah, dan Nur Azizah Rahayu.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method History.back() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method History.back() DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan method history.back() DOM pada HTML?
BalasHapusMethod history.back() DOM pada HTML digunakan untuk memuat URL atau halaman sebelumnya yang terdapat dalam daftar riwayat atau daftar history browser. Method ini hanya berfungsi jika halaman sebelumnya pernah dimuat dalam daftar history browser.
HapusApa fungsi method history.back() DOM pada HTMl?
BalasHapusMethod history.back() menyebabkan browser mundur satu halaman dalam daftar riwayat sesi. Method ini memiliki efek yang sama seperti yang dilakukan oleh method history.go(). Dimana jika halaman yang dituju method tersebut tidak ada atau tidak tersedia, maka proses pemanggilan method history.back() tidak akan memberikan dampak atau perubahan apapun pada browser.
Hapus