● 戻る/進む/更新/トップページボタン
表示したい場所に挿入。
<form>
<input type="button" value="戻る" onclick="history.back()">
<input type="button" value="更新" onclick="location.reload()">
<input type="button" value="進む" onclick="history.forward()">
<input type="button" value="トップページへ"
onclick="location.href='トップページのパス(URL)'">
</form> |
上記のようにすると、下ようになります。
ブラウザのメニューにある「戻る」、「進む」と同じ効果。
なおテキストリンクでも同じことが出来ます。
<a href="javascript:history.back()">戻る</a>
<a href="javascript:location.reload()">更新</a>
<a href="javascript:history.forward()">進む</a> |
上記のようにすると、下のようになります。
戻る 更新 進む
a hrefタグなので画像でも同じことが出来ます。