history.back() : Bir önceki sayfaya gönderir.
history.forward() : Geri butonunu kullandığın sayfaya geri gitmeni sağlar.
history.go(miktar) : Belirlediğin sayı kadar geri yada ileri gider.Örneğin -2 2 sayfa geri gider 2 ise 2 sayfa ileri gider.
history.length : Bulunduğu sayfa dahil kaç adımda geldiğini bulur.Örneğin 2 sayfadan linklerle o sayfaya gelmişsek değeri üçtür.Bu değer sayesinde istediğimiz sayfalara gönderme yapabiliriz.
Unutmamız gereken nokta geri dönebilmek için önce 1 ileri gitmiş olmamız gerek,ileri gitmek için ise bir geri gitmemiz gerek.
Genel örnek :
index.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript">
function ileri(){
history.forward()
}
</script>
</head>
<body>
<a href="a.html">a sayfasına git.</a>
<button onClick="ileri()">İleri Git</button>
</body>
</html>
…………………………………………………………………………………………………………………………………….
a.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript">
function geri(){
history.back()
}
</script>
</head>
<body>
<a href="b.html">b sayfasına git.</a><button onClick="geri()">Geri Dön</button>
</body>
</html>
b.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>UstaDerslik</title>
<script type="text/javascript">
function geri(){
history.go(-2)
}
</script>
</head>
<body>
<button onClick="geri()">2 Sayfa Geri Dön</button>
</body>
</html>