ホームページ作成・基礎講座・HTML・CSS・javascript・SEO対策

超初心者でも簡単にできるホームページ作成,HTML基礎講座 EasyStudyHTML

ホームページ作成 HTML基礎講座 javascriptサンプル集

ホームページ作成・HTML基礎・スタイルシート(CSS)・javascript・SEO対策



javascriptサンプル集 clear.gif  
javascriptで「戻る」ボタンをWebページ上に設置
サンプルソース
「戻る」ボタンをWebページ上に設置

■テキストを使用した場合
戻る↑

※上記の「戻る」をクリックすると1つ前に参照していたページへ移ります。


■画像を使用した場合



■<button>タグを使用した場合



■<input>タグを使用した場合


ソース(source)
■テキストを使用する場合
<html>
<head>
<title>「戻る」ボタンをWebページ上に設置 サンプル</title>
</head>
<body>
<strong>「戻る」ボタンをWebページ上に設置</strong><br>
<br>
<p><a href="javascript:history.back()">戻る↑</a></p>
</body>
</html>

■画像を使用する場合

<a href="javascript:history.back()"><img src="../images/j_sample_6_back.gif"></a>

へ変更します。
<img src="../images/j_sample_6_back.gif">は実際の画像までのパスを記述します。

■<button>タグを使用する場合

<button onClick="history.back()">戻る↑</button>


■<input>タグを使用する場合

<input type="button" value="戻る↑" onClick="history.back()">

ページトップへ
TOP | 利用規約(免責) | お問合せ

Agora