inputタグの「type='button'」で前のページに戻る動作を実現させる平成30年 8月 14日 作成

0073

概略

「input type='button'」を利用して前のページへ戻りたい場面がでてきた。

その為、前のページへ戻るボタンにて[ページ戻り]を実装できるようにする。

手段

Javascriptにて実現可能。

onclickイベント、history.back()で実現する事ができる。

実装方法

<input type="button" onclick="window.history.back(-1);" value="前のページに戻る" />

// aタグにJavaScriptを記述する場合
<a href="#_" onclick="javascript:window.history.back(-1); return false;">前のページに戻る</a>

考察

リンク元に戻るだけなので、直接アクセス・新タブで開いた直後では動作しない。

最後までお読み下さり ありがとうございました。記事はここ迄です。

尚、本記事は作成から「5年以上」経過しています。

記事作成当時と現在の状況等により内容が適切でない場合があります。また、リンク切れが生じている場合もあります事を予めご了承下さい。

お気に入りに登録しますとお気に入り記事を一元管理でき、再度閲覧したい場合等 容易に記事を探し出す事ができますのでご活用下さい。

下段にはコメントを掲載しております。

広告バナー

コメント

頂いたコメントを下記に掲載しております。更に下部にはコメント投稿フォームを設けております。

注意事項を確認・了承した上、コメント投稿お願いいたします。

注意事項に該当するコメントにつきましては、事前告知なしに投稿したコメントの削除を行う場合があります。

予めご了承下さい。

  • 記事内容と無関係なコメント
  • 公序良俗に反するコメント
  • 個人情報や法令違反を含むコメント
  • その他、管理者が不適切と判断したコメント

現在 頂いているコメントはありません

返信先(コメント管理番号)コメントに対し返信する場合のみ
お名前・ハンドルネーム2~32文字内で入力下さい
メールアドレス公開される事はありません
電話番号半角数字+ハイフンで入力下さい
コメント全角500文字内で入力下さい