スキルアップを始める!

【JavaScript】現在のウェブページのURLを取得する(window.location.href)

JavaScript(ジャバスクリプト)
JavaScript(ジャバスクリプト)
この記事は約2分で読めます。

※記事中に広告情報を含みます。

\ワードプレスのスキルアップはこちら!/ WordPress入門読本

現在のウェブページのURLを取得する(window.location.href)

JavaScriptで現在のウェブページのURLを取得するには、window.location.hrefプロパティを使用します。

このプロパティは、ブラウザのアドレスバーに表示されているURLを文字列として返します。以下はその使用例です。

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

このコードをウェブページのスクリプト内に記述すると、コンソールに現在のページのURLが表示されます。

var currentUrl = window.location.href; // この行は、Webページの現在のURLを取得します。
console.log(currentUrl); // この行は、取得したURLをブラウザのコンソールに出力します。

window.location.href プロパティは、現在のページの完全なURLを返します。このコードがWebブラウザ内のJavaScript環境で実行されると、ページの完全なURLが currentUrl 変数に割り当てられます。

その後、console.log(currentUrl); は、デバッグ目的や現在のページのURLが必要な機能に役立つよう、コンソールにURLを出力します。

まとめ

JavaScriptのwindow.location.hrefは、ブラウザで開かれている現在のWebページのURLを取得したり、新しいURLにブラウザをリダイレクトさせたりするために使用されます。このプロパティからURLを取得することで、現在のページのアドレスを確認することができます。

ご参考ください。

URLをコピーしました!