元のページに戻るリンク

赤字：JavaScriptの命令や重要なタグ／青字：用途に応じて変更する部分／緑字：変更可能な変数名やユーザー関数名

戻る

実例

戻る

例文

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

解説

ブラウザの戻るのボタンと同じ機能を持ったリンクを作ります。これにより複数のページからリンクされたページでも、正しくリンク元のページへ戻ることができるようになります。
このリンクの「戻る」の部分は、文字の代わりに<IMG>タグでも代用できます。
history.back() はブラウザの戻るボタンと同じです。

応用

リンク元から新しいウインドウとして開いた場合、戻るページがないため、この戻る機能は使えません。
そこで、戻るページがない場合は「閉じる」と表示を変更し、クリックするとウインドウを閉じるようにします。
履歴の数を調べて戻るページがあるかどうか判断し、２つの表示と機能を切り替えます。

<script type="text/javascript">
if (history.length < 2) {
	document.write("<a href='javascript:self.close()'>閉じる</a>");
} else {
	document.write("<a href='javascript:history.back()'>戻る</a>");
}
</script>

戻る