2 Contoh Penggunaan Method History.go() DOM pada HTML

Method History.go() DOM pada HTML digunakan untuk melakukan loading dari URL spesifik pada daftar history browser, namun tetap lebih baik jika menggunakan method History.back() dan History.forward() jika angka atau halaman URL spesifik telah diketahui untuk dilakukan loading sesuai dengan daftar history browser.

Sintak:
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>

Output:

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:

Komentar

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method History.go() DOM pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan method History.go() DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi dari method history.go() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method 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.

      Hapus
    2. Method 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

Posting Komentar

*Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

6 Contoh Program Method Overloading pada Java

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C