昨年の終わりに短期間でHTML関係を初めて習って、今年の初めからメモ帳でホームページを作成しているweb初心者です。
index.htmlをホームページとして、その他のページが3個あり、それぞれのページに「HOME」と「A」・「B」・「C」(仮名)のボタンを置き、それぞれが自由に行き来ができるようにしています。
次に、「W」(仮名)というページを新たに作成し、「HOME」と「B」に「W」に行けるようにリンクを設定します。そうすると当然ですが「HOME」と「B」から「W」のページに行けるようになります。それで、「HOME」または「B」から「W」のページに行ったときに、「W」から「HOME」、「W」から「B」へ戻る場合に「前のページに戻る」というのをクリックしたら前のページに戻れるようにしたいと思い、調べたら
<a href="javascript:history.back()">[前のページに戻る]</a>
<a href="javascript:history.go(-1)">[前のページに戻る]</a>
のようなHTMLソースがありました。
ただ欠点として、
「JavaScriptが使える環境でないと作動しないということです。
訪問者によっては、JavaScriptがオフになっていたり、JavaScriptに対応していないブラウザでアクセスしてきたら戻るリンクは機能しませんので、意味がありません。」と書いてあり、確かにその通り記述したらそのようになりました。
「W」のページに「HOME」・「A」・「B」・「C」のボタンを設定すればいいのかもしれませんが、ページの性質上どうしても「前のページに戻る」としたいのです。
それで質問なのですが「JavaScript」を使用せずに前のページに戻ることができるようなHTMLソースはないのでしょうか?もしあれば教えていただきたく、質問を致しました。
よろしくお願いします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
HOME⇒W : Wから「戻る」で、 HOMEへジャンプ
B⇒W : Wから「戻る」で、Bへジャンプ
JAVAは嫌、ボタン設定も嫌なら
<FORM>
<INPUT type="button" value="前のページに戻る" onClick="history.back()">
</FORM>
但し、リンク元へ戻るだけだから、他サイトから飛んできた場合はそこへ戻るし、ブラウザへURLを入力して表示されたらブラウザへ戻る。
1つ前が、HOMEやBである保証が無いから、普通はボタン作る。
No.3
- 回答日時:
必要ないものですよ。
単純に、Alt+← でどのブラウザでも元のページに順番に戻るのでね。(^^)
戻るボタンをクリックしてもよいし。
そうではなく、迷子にならないように、「パンくずリスト(breadcrumb list)」-- ヘンゼルとグレーテル( https://ja.wikipedia.org/wiki/%E3%83%98%E3%83%B3 … )の童話に由来する。
を書いておきます。
今後ページが増えていくことを想定すると、「元に戻る」ではなく、そのサイトの樹構造に合わせて、
TOP→書籍→ウェブ関連→HTML基礎
のようなパンくずリストを置く方が良いです。この教えてgooでもそうしている。
このページの上を見てごらん
教えて!goo > [技術者向] コンピューター > プログラミング > HTML > 直前のページに戻りたい
元のページには、[戻るボタン]や、[Alt + ←] で、いくらでも戻れるのですから、おせっかいになる。
古い人は、ブラウザのショートカットキー知らない人が多いのでしょう。
Ctrl + L とか、Ctrl + B とか、Ctrl + H とか、Alt+Home・・・(^^)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript JavaScript|特定URLだった時、特定の要素を変更するコードの書き方を教えてほしいです 2 2023/08/25 21:43
- Android(アンドロイド) スマホ chromeの戻るボタンが機能しにくい スマホ(OPPO reno5A、Android12) 1 2022/09/11 20:39
- Facebook 自分のフェイスブックのページに入れない。 1 2023/05/11 16:26
- Excel(エクセル) マクロで作った ワードエクセル かけ線や コピペなど 修正や色々な方法を教えてください 2 2023/07/07 22:27
- Chrome(クローム) HPの様子が変わった 2 2022/03/25 05:37
- 教えて!goo アンドロイド用の教えて!gooアプリの戻るボタンを押すと、勝手に自動で教えて!gooアプリが終了して 2 2022/09/24 07:47
- SEO googleサーチコンソールでの重複ページ(ダブルスラッシュ) 3 2023/06/12 15:00
- Amazon 新規でAmazon商品ページ作成方法について 1 2022/03/28 00:22
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
SUBMITボタンを表示させないでS...
-
submitボタンにvalue属性の値で...
-
メールフォームでの送信確認か...
-
HTML ラジオボタン nameの大文...
-
HTMLボタンの文字色を変え...
-
UWSC
-
checkboxとlabelがずれる
-
グーグルマップの文字化けで困...
-
getParameterで値が取得できず...
-
VBAでWebページのボタン操作が...
-
参照ボタンの横に大きさを揃え...
-
c# 文字列の最後から1文字削除...
-
オートマトンNFAからDFAへの変換
-
Excel:「フォーム」のボタンで...
-
Q&Aフォームを作成したいのです...
-
ブラウザの×ボタン判定
-
複数選択のListBoxでClickイベ...
-
コネクション・セッション・ト...
-
画面遷移が不正ですと表示されます
-
システム開発の工数と費用について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
submitボタンにvalue属性の値で...
-
checkboxとlabelがずれる
-
リンクでPOSTデータを送信する...
-
getParameterで値が取得できず...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンのなかに表示する文字を...
-
formでのtarget="_blank"2回目
-
INPUTのボタン周囲のスペース
-
戻ると、記入フォームの内容が...
-
チェックボックスの値をコピー
-
ボタンをクリックした時に、入...
-
HTMLのKEYとVALUE...
-
HTML ラジオボタン nameの大文...
-
HTMLでのid とnameの違い
-
formの送信ボタンをテキストに...
-
<form>中の<button>タグのv...
-
グーグルマップの文字化けで困...
-
input button の文字の色を2色...
おすすめ情報