Melakukan Loading URL Spesifik HTML Menggunakan History.go DOM
 |
| Ilustrasi HistoryGo DOM HTML |
history.go( number|URL )
Parameter: method History.go() menerima URL atau angka parameter tunggal yang sifatnya wajib dan digunakan untuk menentukan apakah angka atau posisi dari URL pada daftar history browser. Angka -1 digunakan untuk menuju ke halaman satu sebelumnya, dan angka 1 digunakan untuk menuju ke halaman satu setelahnya.
Berikut adalah ilustrasi dari penggunaan method History.go() DOM pada HTML.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Method History.go() DOM
</title>
<style>
h1
{
color:green;
}
h2
{
font-family: Impact;
}
body
{
text-align:center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Method History.go( ) DOM
</h2>
<p>
Untuk menuju ke URL
selanjutnya pada daftar
history, lakukan double klik
pada tombol "Go to the second
next URL":
</p>
<button
ondblclick="history_goforward()">
Go to the second next URL
</button>
<script>
function history_goforward()
{
window.history.go(2);
}
</script>
</body>
</html>
Output:Blog Elfan
Method History.go( ) DOM
Untuk menuju ke URL selanjutnya pada daftar history, lakukan double klik pada tombol "Go to the second next URL":
Contoh: menuju ke halaman sebelumnya atau URL previous dari daftar history browser.
<!DOCTYPE html>
<html>
<head>
<title>
Method History.go() DOM
</title>
<style>
h1
{
color:green;
}
h2
{
font-family: Impact;
}
body
{
text-align:center;
}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Method History.go() DOM
</h2>
<p>
Untuk menuju ke previous URL
pada daftar history browser,
lakukan double klik pada
tombol "Go to the previous
URL" button:
</p>
<button
ondblclick="history_goback()">
Go to the previous URL
</button>
<script>
function history_goback()
{
window.history.go(-1);
}
</script>
</body>
</html>
Blog Elfan
Method History.go() DOM
Untuk menuju ke previous URL pada daftar history browser, lakukan double klik pada tombol "Go to the previous URL" button:
- 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]
- Cara Penggunaan Properti Lokasi Pathname DOM pada HTML [klik]
- 2 Sintak pada Properti Lokasi Port DOM pada HTML [klik]
5 komentar untuk "Melakukan Loading URL Spesifik HTML Menggunakan History.go DOM"
Hubungi admin melalui Wa : +62-896-2414-6106
Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.
Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.
- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method History.go() DOM pada HTML?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method History.go() DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi dari method history.go() DOM pada HTML?
BalasHapusMethod history.go() digunakan untuk memuat URL atau halaman dari daftar history atau riwayat. Method history.go() hanya berfungsi jika halaman yang akan dimuat ada dalam daftar riwayat atau daftar history.
HapusMethod history.go() DOM pada HTML digunakan untuk memuat halaman tertentu dari daftar riwayat sesi. User dapat menggunakannya untuk bergerak maju dan bergerak mundur melalui daftar history bergantung pada nilai parameter. Method ini merupakan method yang bersifat tidak sinkron atau method asynchronous. Pada method ini dapat pula ditambahkan event listener untuk event popstate guna menentukan kapan navigasi telah selesai berproses.
Hapus