1. ホーム
  2. javascript

[解決済み] Javascriptでハッシュ値付きページを再読み込みする

2023-05-04 02:09:34

質問

外部javascriptファイルにこのような記述をして、何らかの処理をした後にページを更新しようとしています。

window.location.href = window.location.href

ページの再読み込みは完璧なのですが、再読み込み後に特定の場所にスクロールさせたいのです。 そこで、ページ上にこのような記述をしました。

<a name="uploadImgSection"></a>

そして、javascriptを次のように変更します。

window.location.href = window.location.href + "#mypara";

このコードは、ページの再読み込みやリフレッシュも行いません。

window.location.hash = "#uploadImgSection";
window.location.href = window.location.href;

とやっても、全くページが再読み込みされません。スクロールバーの位置でページを再読み込みする方法はないでしょうか?

どのように解決するのですか?

window.location.href += "#mypara";
location.reload();

まずハッシュを追加し、その後ページをリロードします。ハッシュはそこに残り、ページが再読み込みされます。

テストしてみました。


ps: もしURL内にすでにハッシュが存在する場合は、直接 location.hash の代わりに .href .