tech blog

« Movable Type 4(β版) レビュー 〜試用してみた〜 | メイン | THE HANDSHAKE COMPANY −すれ違いざまに指先が触れたような・・・ »

Jun
12

JavaScript History Back 大全 −すぐに使える「もどるボタン」

日本全国のJavaScript Backファンの皆様、お待たせいたしました。

JSはうろ覚えなワタシもあなたもスグに使える「前のページへもどるボタン」のソースをまとめて置いておきますね。
特にワタシのために・・・。



1)テキストで、ストイックに戻ってみる

<A HREF="javascript:history.back()">戻る</A>
サンプル:戻る


2)画像ボタンで過去を振り返る

<a href="javascript:onClick=history.back()"><img src="画像を設置ディレクトリ名/back.gif" alt="戻る" border="0" ></a>
サンプル:
戻る


3)インプットボタンでプログラマーと仲良くなる

<input type="button" value="戻る" onclick="history.back()">
サンプル:


4)インプットボタン。背景はスタイルシート。メンテナンスがラク。早めに家に戻る

<input name="button" type="button" onclick="history.back()" value="戻る" style="background-image: url(画像を設置ディレクトリ名/back2.gif);font-size: 14px;color: #000000;height: 26px;width: 45px;background-repeat: no-repeat; border: 0px; " />
サンプル:



ちまたには「history.go(-2)」とかで2ページ戻るスクリプトなど複雑なものも転がっています。
しかし、ただ何もいわず、「前のページへもどる」。
それだけ。
それが潔いJavascript Back ファンとしてあり方ではないでしょうか!


(知らないだけですが・・・)

※動作の保証はできませんが、下記の「戻る」画像素材を含めご自由にご利用ください。
↓画像素材

trackback

このエントリーのトラックバックURL:
http://www.infocreate.co.jp/nxt/blog/MT/mt-tb.cgi/69

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

Powered by Movable Type