[解決済み] 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
.
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptでオブジェクトをディープクローンする最も効率的な方法は何ですか?
-
[解決済み] JavaScript で配列に値が含まれているかどうかを確認するにはどうすればよいですか?
-
[解決済み] とは何ですか! (not not)演算子とは何ですか?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] reactのrender関数でdynamic hrefを作成するには?
-
[解決済み] コールバック地獄とは何か、RXはそれをどのように、そしてなぜ解決するのか?
-
[解決済み] jQueryを使用して、すべてのクリックイベントハンドラを削除するにはどうすればよいですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】window.location.hrefとwindow.location.reload()の違いについて)
-
[解決済み] Google maps API V3 - 同一地点に複数のマーカーを設置する。
-
[解決済み] 文字列がすべて同じ部分文字列で構成されているかどうかを調べるにはどうすればよいですか?
-
[解決済み] bootstrap のポップオーバーがすべての要素の上に表示されない
-
[解決済み] Chart.jsを使ってドーナツチャートの中にテキストを追加するには?
-
[解決済み] 文字列が空白であるかどうかをチェックする
-
[解決済み] Reactコンポーネントでthis.setStateを複数回使用するとどうなりますか?
-
[解決済み] Javascriptで動的に命名されたメソッドを呼び出すにはどうすればよいですか?
-
[解決済み] 文字列とラベルのローカライズとグローバリゼーションのベストプラクティス【終了しました
-
[解決済み] JavaScriptの文字列プリミティブとStringオブジェクトの違いは何ですか?