a要素からパスの情報を取得
a要素からパスの情報を取得には、参照している要素のプロパティから取得できます。
取得できる情報はhrefプロパティを解析した結果です。
次のプロパティから情報を取得することができます。
プロパティ名 | 説明 | 返す値の例 |
---|---|---|
href | href属性の値。 相対パスの場合は現在表示(アクセス)中のURL(base要素がある場合はbase要素)を基準とした絶対パスに置き換わる。 |
https://taro:qwerty@www.example.co.jp:8080/foo/bar.html?baz=123&qux=abc#sample |
protocol | スキーム。 | https |
username | Basic認証アカウントのユーザー名。 | taro |
password | Basic認証アカウントのパスワード。 | qwerty |
hostname | ホスト名。 | www.example.co.jp |
port | ポート番号。 | 8080 |
host | ホスト名からポート番号まで。 | www.example.co.jp:8080 |
origin | スキームからポート番号まで。 ただしBasic認証アカウントは除く。 |
https://www.example.co.jp:8080 |
pathname | ルート相対パス。 ファイル名を含み(拡張子も含む)、URLパラメータ(クエリ文字列)とハッシュ(フラグメント)を除いた文字列。 |
/foo/bar.html |
search | URLパラメータ(クエリ文字列)。 | baz=123&qux=abc |
hash | ハッシュ(フラグメント)。 | #sample |
JavaScript
var anchorElem = document.getElementsByTagName('a')[0];
alert(anchorElem.pathname);
- ※ IEのすべてのバージョンで、セキュリティ上の理由からBasic認証アカウントが含まれるURLがある場合、情報の取得ができません。
(開発ツールのコンソールには"セキュリティの問題が発生しました。"と表示されます。)