[解決済み] ハッシュやページの再読み込みなしでアドレスバーを新しいURLで更新する [重複]。
2022-03-14 03:18:32
質問
クローム(開発チャンネル)が、ページを再読み込みせずにjavascript経由でアドレスバーを更新する方法(ドメインではなくパス)を実装しているのを夢で見たか、本当にこれをやってしまったかのどちらかです。
しかし、私はその記事を見つけることができません。 思う 読みました。
私がおかしいのか、それとも(Chromeで)これを行う方法があるのでしょうか?
p.s. window.location.hashなどのことではありません。 もし、上記が存在するのであれば 答え は真偽不明となります。
解決方法は?
ほとんどのモダンブラウザで実行できるようになりました。
私が読んだ元記事(2010年7月10日掲載)はこちらです。 HTML5。ページを更新せずにブラウザの URL を変更する .
pushState/replaceState/popstate(別名:HTML5 History API)についてさらに詳しく知りたい方は、こちらをご覧ください。 MDNドキュメントを見る .
TL;DR、こんなことができるんですね。
window.history.pushState("object or string", "Title", "/new-url");
に対する私の回答を参照してください。 ページを再読み込みせずにURLを変更する をご覧ください。
関連
-
Vueにシンプルなメモ帳機能を実装
-
[解決済み】<select>で現在選択されている<option>をJavaScriptで取得するにはどうすればよいですか?
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] 新しい配列を作成せずに、既存のJavaScript配列を別の配列で拡張する方法
-
[解決済み] ロリポップの最新版Chromeでヘッダーバーやアドレスバーの色を変更する方法とは?
-
[解決済み] HTMLボタンやJavaScriptをクリックしたときにファイルをダウンロードさせる方法
-
[解決済み] location.host vs location.hostnameとクロスブラウザの互換性?
-
[解決済み] JavaScriptでwindow.location(URL)からハッシュを削除する方法 ページを更新せずに?
-
[解決済み】JavaScriptで新しいページを読み込まずにブラウザのURLを変更する
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
jsを使った簡単な照明スイッチのコード
-
Vue+ElementUIによる大規模なフォームの処理例
-
[解決済み】Node Version Manager のインストール - nvm コマンドが見つかりません。
-
[解決済み】Node.js Error: Cannot find module express
-
[解決済み】JavaScript TypeError: null のプロパティ 'style' を読み取ることができない
-
[解決済み】JavaScriptエラー(Uncaught SyntaxError: Unexpected end of input)
-
[解決済み】(Google Map API) Geocodeは以下の理由で成功しませんでした。REQUEST_DENIED
-
HTML5 LocalStorage ローカルストレージとセッションストレージの使用法
-
JavaScriptのStringに関する共通メソッド
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?