【javascript】URLの取得

公開日:
更新日:
カテゴリー: 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」にはポート番号が得られます。

 

頑張って書いたのでちょろっと読んでほしい!

 

コメント

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

コメントフォーム
お名前
コメント