JavaScript

Javascript

history.back()

履歴を残したまま全ページに戻りたい場合、

history.back()関数をよく使います。

 

例えば、こんな風に↓↓↓

<a href="javascript:history.back()">戻る</a>

 

ただ、

history.back()以外にもhistory.go()という関数もあります。

 

例えば、

2ページ前に戻りたい場合には、

<a href="javascript:history.go(-2);">戻る</a>

とします。

 

つまり()内に-nと記入してやれば、「n」ページ前へ戻るというものです。

 

なので、

<a href="javascript:history.go(-1);">戻る</a>

としてやれば、

<a href="javascript:history.back()">戻る</a>

と同じ動作をします。

 

と、戻る場合の説明ばかりしましたが、

例えば、

<a href="javascript:history.go(2);">2ページ進む</a>

とすれば2ページ進むことも可能です。

 

つまり、

-を付けずに()内にnを記入してやれば「n」ページ分進むということになります。

 

ちなみに、

history.back()とは逆の動きをするのが、history.forward()になります。

 

<a href="javascript:history.forward();">進む</a>

としてやれば、

1ページ進んでくれます。

 

これは、

history.go()を使えば

<a href="javascript:history.go(1);">進む</a>

と書き換えてやることも可能です。

 

あと、

history.go(0)といようにn=0にすると、

location.reload()と同じ動作をするようです。

関連記事

  1. JavaScript

    Javascript

    jQueryのプラグイン「jCanvas」で間取図を作成

    HTML5のCanvasを使ってやりたい事があったので、本日はjQ…

  2. JavaScript

    Javascript

    「jQuery ui Datepicker」のオプション

    前回の記事では、「jQuery ui Datepicker」の設定…

  3. JavaScript

    Javascript

    ajaxzip2からajaxzip3へ変えてみました!!

    弊社で日頃からお世話になっているライブラリーといえば、ajaxzi…

  4. JavaScript

    Javascript

    IE10でLightboxが。。。

    自作の画像ギャラリーが動作しなくなったと報告がありました。&nbs…

  5. JavaScript

    Javascript

    Javascript おすすめのデートピッカー(日付選択ライブラリー)

    WEB制作の仕事をしていると、デートピッカー(日付選択用カレン…

  6. JavaScript

    Javascript

    zoomi.jsでオンマウス時に画像を拡大

    画像にマウスを乗せた時(オンマウス)に拡大画像を表示させたいという依頼…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. JavaScript
  2. バージョンアップ
  3. JavaScript
  4. セキュリティー
  5. JavaScript
PAGE TOP