ページを再読み込みせずに、javascript/jQueryを使ってURLやクエリ文字列を更新するにはどうすればよいですか?
2023-08-27 21:41:36
質問
ページを再読み込みすることなく、プログラムによってURLを更新する方法はありますか?
EDIT:私はポスト.Iのタイトルに何かを追加しました私はページを再読み込みしたくないことを明確にしたい
どのように解決するのですか?
はい
document.location = "http://my.new.url.com"
また、同じ方法で取得することもできます。
var myURL = document.location;
document.location = myURL + "?a=parameter";
ロケーション・オブジェクトは多くの便利なプロパティも持っています。
hash Returns the anchor portion of a URL
host Returns the hostname and port of a URL
hostname Returns the hostname of a URL
href Returns the entire URL
pathname Returns the path name of a URL
port Returns the port number the server uses for a URL
protocol Returns the protocol of a URL
search Returns the query portion of a URL
EDITです。
document.locationのハッシュを設定してもページは再読み込みされず、ページ上のどこにフォーカスがあるかだけが変更されるはずです。だから、更新して
#myId
に更新すると
id="myId"
. もし
id
が存在しない場合、私は何も起こらないと思っています。(様々なブラウザで確認する必要があります。)
EDIT2です。
コメントに限らず、わかりやすくするために。
ページを変更せずに、URL全体をjavascriptで更新することはできません。これはセキュリティ上の制限です。さもなければ、gmailのように細工されたランダムなページへのリンクをクリックし、瞬時にURLを www.gmail.com に変更し、人々のログイン情報を盗むことができます。
AJAXスタイルに対応するために、ブラウザによってはドメインの後の部分を変更することができますが、それはすでにOsirisによってリンクされています。さらに言えば、たとえできたとしても、おそらくこれをするべきではないでしょう。 URLは、ユーザーがあなたのサイトのどこにいるのかを示すものです。ページの内容を変えずにURLを変更すると、ちょっと混乱しますよ。
関連
-
[解決済み] JavaScriptで現在のURLを取得する?
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] jQueryでページを更新するにはどうすればよいですか?
-
[解決済み] JavaScriptでページの一番上までスクロールする?
-
[解決済み] フォーム送信のようなJavaScriptのポストリクエスト
-
[解決済み] AngularJS - ngRepeatフィルタリングされた結果の参照を取得する方法
-
[解決済み] react-routerのハッシュフラグメントからクエリパラメータを取得する
-
[解決済み] JavaScriptでjson-objectのキーを取得する [重複].
-
[解決済み] Chrome拡張機能:popup.htmlを強制終了させる
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] ページを再読み込みせずにURLを変更するにはどうすればよいですか?
-
[解決済み】JavaScriptのwindow.locationとdocument.locationの違いは何ですか?
-
[解決済み] Javascriptによるタッチスクリーンデバイスの検出
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] オブジェクトの配列からReactコンポーネントをレンダリングする
-
[解決済み] Chromeの拡張機能開発にWebStormを使用するにはどうすればよいですか?
-
[解決済み] BlobからArrayBufferへ移行する方法
-
[解決済み] javascriptで文字列から関数を作成する方法はありますか?
-
[解決済み] ECMAScriptとは?
-
[解決済み] JavaScriptのArray.sort()メソッドでシャッフルするのは正しいのか?