JavaScriptのwindow.locationを使用してURL情報を取得および変更する方法

JavaScriptのwindow.locationオブジェクトは、ブラウザの現在のURLに関する情報を提供し、URLを変更するための機能も備えています。以下に、window.locationを使用してURL情報を取得および変更する方法を説明します。

現在のURLを取得する: 現在のURLを取得するには、window.locationオブジェクトのhrefプロパティを使用します。以下のコード例を参考にしてください。

var currentURL = window.location.href;
console.log(currentURL);

このコードは、現在のURLをコンソールに表示します。

URLの一部を取得する: URLの一部、例えばホスト名やパスなどを取得するには、window.locationオブジェクトの各プロパティを使用します。以下にいくつかの例を示します。

var hostname = window.location.hostname;
var pathname = window.location.pathname;
var protocol = window.location.protocol;
console.log(hostname);
console.log(pathname);
console.log(protocol);

これらのコードは、それぞれホスト名、パス、プロトコルをコンソールに表示します。

URLを変更する: URLを変更するには、window.locationオブジェクトのassign()メソッドを使用します。以下のコード例を参考にしてください。

window.location.assign("https://example.com");

このコードは、指定したURLにリダイレクトします。

また、window.locationオブジェクトには他にも多くのプロパティやメソッドがありますので、必要に応じて公式ドキュメントを参照してください。

以上が、JavaScriptのwindow.locationを使用してURL情報を取得および変更する方法です。これらの方法を使えば、ブラウザのURLを効果的に操作できます。