裏紙に書く程度の内容

javascriptで開いているページのURLを取得する

javascriptで現在表示しているページのURLを取得するには、window.location[.prop]を使う。

prop部分は取得したいプロパティを指定。

仮に,

http://example.com:81/app/index.html?search=test#test

のページでは下記プロパティ指定で各々の値が取得できる。

プロパティ 取得できる値 説明
hash #test ハッシュ値
host example.com:81 ホスト名+ポート番号
hostname example.com ホスト名
href http://example.com:81/app/index.html?search=test#test url全体
origin http://example.com:81 プロトコル+ホスト名+ポート番号
pathname /app/index.html パス部分
port 81 ポート番号
protocol http: プロトコル
search ?search=test クエリ

表示中サイトが80ポート等、アドレスバーに表示されない場合、ポート部分は空になる。

Index