window.location.hrefの詳しい説明
window.location.hrefは、現在のウェブページのURLを取得または設定するJavaScriptプロパティです。
くわしく説明する:
- 現在のページのURLを取得するには、window.location.hrefにアクセスします。
例えば
console.log(window.location.href); //输出当前页面的URL
- ウィンドウの場所のアドレスを設定することで(window.location.href)、現在のページを指定したURLにリダイレクトできます。
例えば、
window.location.href = "https://www.example.com"; //将当前页面重定向到指定的URL
window.location.hrefを設定するとページが移動し、現在のページのすべての状態とデータが失われることに注意してください。
- URL の一部を変更する: window.location.href の一部を変更することで、現在のページの URL を変更できます。
例えば、
window.location.href = window.location.href.replace("example", "example2"); //将当前页面的URL中的 "example" 替换为 "example2"
URLの一部を変更することで、ページの再読み込みやクエリパラメータの追加など、さまざまな機能が実現できます。
- window.location.hrefのその他のプロパティおよびメソッド
- window.location.href には、他に以下のようなプロパティとメソッドが含まれています。
- window.location.href = URL:現在のページの URL を指定された URL に設定します。
- window.location.href = “#fragment”:指定の値で、現在のページのURLのフラグメント識別子を設定します。
- window.location.href = “javascript:void(0)” :空の JavaScript 操作を実行してページ遷移が発生しないようにします。
- window.location.href.substring(start): 指定したインデックス以降からページの末までのURLの文字列を返します。
- …
URLをさらに操作・処理したい場合は、window.location.hrefの他のプロパティやメソッドを使用する方法があります。
要約:window.location.href は現在のページの URL を取得または設定するための JavaScript プロパティで、これを設定することでページの移動や URL の変更などの操作を行うことができます。