1. ホーム
  2. ハイパーリンク

[解決済み】現在のページを再読み込みするためのリンク

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 の両方が、これらの処理方法を変更した可能性があります。私なら、最初の答えを完全に信頼するのではなく、あなたの特定の用途に合わせて、異なるブラウザで空の文字列とピリオドの両方を試し、望ましい動作が得られるかどうかを確認します。