使える!WEB小技集〜JavaScriptで戻る/進む/更新ボタンを作るTips。
1upWEB!ホームページ制作の定番紹介!ノウハウ、小技Tips、検索エンジン、アクセスアップ方法、バナー広告など。1upWeb!,WEB,web,ウェブ,サイト,ホームページ,作成,TIPS,方法,アクセスアップ,JavaScript,CGI,スタイルシート,ダウンロード,フリー,自由,無料,画像  
Home使える!WEB小技集

Last Up 2003年11月21日 (金)

 

● 戻る/進む/更新/トップページボタン

表示したい場所に挿入。

<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タグなので画像でも同じことが出来ます。

 

ADVERTISEMENT