前のページへ戻るリンクを実装する方法

Webサイトに、ブラウザの「戻る」と同じ動作をする、前のページに戻るリンクを設置する方法の備忘録です。

前のページへ遷移するリンクは、<a>タグのURLを設定するおなじみのhref属性とJavaScriptを使用して実装します。

<a href="javascript:history.back();">前のページに戻る</a>

リンクのhref属性にjavascript:history.back();を設定することで、前のページへ遷移するURLが設定されます。

JavaScriptのHistory.back()メソッドは、ブラウザのセッション履歴内で 1 つ前のページに戻る動作を実行します。

膨大なページのWebサイトでは、ページ遷移が多くなるため前のページへ戻るリンクがあると便利です。Webサイトの規模や訪問者の用途に合わせて設置します。

Share on Twitter
関連記事
CSSでアコーディオン機能を実装する方法
CSSでアコーディオン機能を実装する方法
CSSだけでアンカーリンクをスムーススクロールさせる方法
CSSだけでアンカーリンクをスムーススクロールさせる方法
アイコンをクリックすると表示されるハンバーガーメニューの作り方
アイコンをクリックすると表示されるハンバーガーメニューの作り方