jQuery で現在の URL を取得する方法

1. jQuery で現在の URL を取得するための href 属性
2. jQuery で URL の特定のプロパティにアクセスする

jQuery のコードが現在どこにロードされているかを確認したい場合がよくあります。ブラウザで開いているすべてのウィンドウに対して、ブラウザは window オブジェクトにアクセスできます。window オブジェクトの一部として、location オブジェクトは現在の URL に関する情報を提供します。

jQuery で現在の URL を取得するための href 属性

現在の URL を取得するには、ブラウザの location オブジェクトの href 属性にアクセスすることができます。

<script>
 var url = $(location).attr('href');
  // Returns full URL
(https://example.com/path/example.html)
 var pathname = $(location).attr('pathname');
  // Returns path only (/path/example.html)
 var origin = $(location).attr('origin');
  // Returns base URL (https://example.com)
</script>

jQuery で URL の特定のプロパティにアクセスする

オブジェクト location は URL の追加プロパティを持ちます。