JSによるページ遷移

history.back

テキストをクリックして前のページへ戻る

一つ前のページへ戻る


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

画像をクリックして一つ前に戻る


<a href="javascript:history.back()">
	<img src="path/to/image.png">
</a>

フォームタグに記述する


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

フォームタグに記述する

←注）本当に閉じてしまうので無効にしてあります！ 

<form>
	<input type="button" value="戻る" onclick="history.back()">
	<input type="button" value="更新" onclick="location.reload(true)">
	<input type="button" value="進む" onclick="history.forward()">
	<input type="button" value="トップページへ" onclick="location.href='/'">  //TOPへのアドレスを記述
	<input type="button" value="閉じる" onClick="window.open('about:blank','_self').close()">
</form>

次のページへ進む history.go


<form>
	<input type="button" value="ふたつ後ろに進む（戻る）" onclick="history.go(-2)">
	<input type="button" value="ページを更新" onclick="history.go(0)">
	<input type="button" value="ひとつ進む" onclick="history.go(1)">
</form>

TOP