[解決済み】現在のページを再読み込みするためのリンク
2022-04-11 21:56:04
質問
現在地を指す通常のリンクは可能でしょうか?
現在、2つの解決策を見つけましたが、1つはJavaScriptを含み、もう1つはページへの絶対パスを知っている必要があります。
<a href="#" onclick="window.location.reload(true);">1</a>
<a href="/foobar/">2</a>
<a href="#">3 (of course not working)</a>
JavaScriptを使わず、絶対パスもわからない状態で、何か方法はないでしょうか?
どのように解決するのですか?
使っています。
<a href=".">link</a>
意図したとおりに動作しないケースやブラウザはまだ見つかっていません。
ピリオドは現在のパスを意味します。また
..
は、例えばこのようなファイル構造の場合、現在のパスの上のフォルダを参照するために使用します。
page1.html
folder1
page2.html
次に
page2.html
を書きます。
<a href="../page1.html">link to page 1</a>
EDITです。
動作が変わったのか、以前からそうだったのかはわかりませんが、Chrome(と、たぶん他も)では、上記のようなピリオドは
ディレクトリ
ファイルではありません。これは、もしあなたが
http://example.com/foo/bar.html
というディレクトリにいることになります。
/foo/
と
href
の値です。
.
で
bar.html
を参照することになります。
/foo/
ではなく
bar.html
ターミナルでファイルシステムを操作するようなものだと考えてください。
cd
をファイルの中に入れる :)
EDIT 2:
を使用した場合の動作のようです。
href="."
Firefox と Chrome の両方が、これらの処理方法を変更した可能性があります。私なら、最初の答えを完全に信頼するのではなく、あなたの特定の用途に合わせて、異なるブラウザで空の文字列とピリオドの両方を試し、望ましい動作が得られるかどうかを確認します。
関連
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】JQuery: 'Uncaught TypeError: ajaxリクエストで「Illegal invocation」が発生する - 複数の要素
-
[解決済み】CSS "margin: 0 auto" が中央揃えにならない。
-
[解決済み] CSS "margin: 0 auto" が中央揃えにならない
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] HTML5 Validation Error: body start tag が見えたが、同じタイプの要素がすでに開かれていた
-
[解決済み] ChromeのデベロッパーツールでHTML Bodyにcz-shortcut-listen="true "が表示される?
-
[解決済み] 必要なキーに一致するルートがありません。[:id]
-
[解決済み] Bootstrapのカラム内で画像を中央に配置する方法 [重複]について
-
[解決済み] TD rowspan が機能しない
-
[解決済み】window.location.hrefとwindow.location.reload()の違いについて)