【javascript】URLの取得

公開日：2016/09/05

更新日：2016/09/05

カテゴリー: javascript

javascriptでURLの各種情報を取得する方法を説明しています。

ここでは、「http://ysklog.net/javascript/4201.html?test=hoge」というURLを対象にして様々な情報を取得したいと思います。

現在のURLを取得する

現在開かれているURLを取得する場合、「hrefプロパティ」を使います。

var url = window.location.href;

とすると、変数「url」に現在のURL「http://ysklog.net/javascript/4201.html?test=hoge」が得られます。

ホスト名を取得する場合、「hostプロパティ」もしくは「hostnameプロパティ」を使います。

var url = window.location.host;

または

var url = window.location.hostname;

とすると、変数「url」にホスト名「ysklog.net」が得られます。

パス名を取得する場合、「pathnameプロパティ」を使います。

var url = window.location.pathname;

とすると、変数「url」にはパス名「/javascript/4201.html」が得られます。

プロトコルを取得する場合、「protocolプロパティ」」を使います。

var url = window.location.protocol;

とすると、変数「url」にはプロトコル「http:」が得られます。

ポート番号を取得する場合、「portプロパティ」」を使います。

var url = window.location.port;

とすると、変数「url」にはポート番号が得られます。

あわせて読んでほしい！

まだコメントはありません。

コメントフォーム