履歴を移動するリンクをJavaScriptで作ってみましょう。
次のようなHTMLタグを挿入します。
前にもどる
次へすすむ
ページを更新する
href(リンク先)をvoid(0)としているのは、リンクが実際にはJavaScriptなので、
リンクとして無効とするため。
onclickで、クリック(またはEnterキーを押すなど)した時に行うJavascript処理を定義します。
return falseは・・・まぁおまじないというか念のためというやつでしょうか。
余談ですが・・・
よくあるJavaScriptの呼び出し方で、
<a href="#" onclick="alert("hoge")">hoge</a>
みたいな感じのがありますが、これは相応しくありません。
なぜなら、hrefが#になっているので、ページ上部へ移動してしまうからです。
次のような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が#になっているので、ページ上部へ移動してしまうからです。
コメントする