履歴移動リンク

| コメント(0)
履歴を移動するリンクをJavaScriptで作ってみましょう。
次のようなHTMLタグを挿入します。
<a href="javascript:void(0)" onclick="history.back();return false;">前にもどる</a>
<a href="javascript:void(0)" onclick="history.forward();return false;">次へすすむ</a>
<a href="javascript:void(0)" onclick="location.reload();return false;">ページを更新する</a>
サンプル:
前にもどる
次へすすむ
ページを更新する

href(リンク先)をvoid(0)としているのは、リンクが実際にはJavaScriptなので、
リンクとして無効とするため。
onclickで、クリック(またはEnterキーを押すなど)した時に行うJavascript処理を定義します。
return falseは・・・まぁおまじないというか念のためというやつでしょうか。

余談ですが・・・
よくあるJavaScriptの呼び出し方で、
<a href="#" onclick="alert("hoge")">hoge</a>
みたいな感じのがありますが、これは相応しくありません。
なぜなら、hrefが#になっているので、ページ上部へ移動してしまうからです。

コメントする

最近のブログ記事

年をJavaScriptで表示する
年をJavaScriptで表示してみまし…
お気に入り(ブックマーク)登録リンク(Firefox/IE対応)
ブラウザのお気に入り(ブックマーク)に登…
ページを印刷するリンク
現在のページを印刷するリンクタグをご紹介…
簡易バーチャルキーボードを作る
とても簡易的なバーチャルキーボードのスク…
画像にマウスを重ねると画像切り替え
画像にマウスを重ねると、画像が切り替わる…
フォームを選択した状態にする
Webサービスなどを利用していると、フォ…
ページを移動したり閉じるときに確認する
ページを閉じたり、ページから移動したりす…
管理者ログイン