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>

注: バニラ JavaScript の方法では、window.location.href を使ってアクセスすることができます。

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

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

プロパティ 説明
hash URL のアンカー部分(#
host URL のホスト名とポート番号
hostname URL のホスト名
href 全 URL
origin URL のプロトコル、ホスト名、ポート番号
pathname URL のパス名
port URL のポート番号
protocol URL プロトコル
search URL のクエリー文字列の一部
comments powered by Disqus