💻

Javascriptで「前のページに戻る」リンクを作ってみる

今回はJavascriptを使って「前に戻る」機能を実装する方法を紹介します。Javascriptと聞くと敬遠しがちですが、ただHTMLの<a>タグを少し書き換えるだけなので、誰でも簡単に実装することができると思います。また今回はテキストと画像・アイコンでの使い方を紹介しますが、もちろんボタンでも使えます。

DEMO : 前のページに戻る

テキストリンク

<a href="#" onclick="javascript:window.history.back(-1);return false;"">Text</a>

画像リンク

<a href="#" onclick="javascript:window.history.back(-1);return false;"><img src="画像" alt="image" /></a>

アイコンリンク

<a href="#" onclick="javascript:window.history.back(-1);return false;""><i class="~~~"></i></a>

WEBデザインブログ「Koblog」の管理人。現役高校生。趣味は音楽鑑賞とネットサーフィン・読書。主にWEBデザイン・プログラミング・GatsbyJS・はてなブログ関連のことについて発信していきます。投げ銭をしてくれる方を募集しています。

donation