【jQuery】locationでURL情報を取得する

こんにちは、Ryohei（@ityryohei）です！

locationで良く取得する値をまとめました。JavascriptとjQueryでの取得方法を記載しています。以下のURLを例としています。

  http://into-the-program.com/url.html?test=home#hash

URL全体を取得する

閲覧ページのURLを全て取得します。

Javascript	location.href
jQuery	$( location ).attr('href');
取得情報	http://into-the-program.com/url.html?test=home#hash

プロトコル取得

閲覧ページのプロトコルを取得します。

Javascript	location.protocol
jQuery	$( location ).attr('protocol');
取得情報	http:

ホスト情報取得

閲覧ページのホスト名とポート番号を取得します。

Javascript	location.host
jQuery	$( location ).attr('host');
取得情報	into-the-program.com:8080

ホスト名取得

閲覧ページのホスト名を取得します。

Javascript	location.hostname
jQuery	$( location ).attr('hostname');
取得情報	into-the-program.com

ポート番号取得

閲覧ページのポート番号を取得します。

Javascript	location.port
jQuery	$( location ).attr('port');
取得情報	8080

パス取得

閲覧ページまでのパス情報を取得します。

Javascript	location.pathname
jQuery	$( location ).attr('pathname');
取得情報	/url.html

パラメータ取得

閲覧ページの「?」から続くパラメータの値を取得します。

Javascript	location.search
jQuery	$( location ).attr('search');
取得情報	?test=home

ハッシュ取得

閲覧ページのハッシュ (#) の値を取得します。

Javascript	location.hash
jQuery	$( location ).attr('hash');
取得情報	#hash

Ryohei

Webエンジニア / ブロガー

福岡のWeb制作会社に務めるWebエンジニアです。エンジニア歴は10年程で、好きな言語はPHPとJavaScriptです。本サイトは私がインプットしたWebに関する知識を整理し、共有することを目的に2015年から運営しています。Webに関するご相談があれば気軽にお問い合わせください。

お問い合わせはこちら

Follow @itpryohei

WordPressで構築したサイトのメンテナンスにお悩みの方

私は10年以上もの間、Web業界でエンジニアとして活動しています。この期間に、100以上のWordPressウェブサイトを構築し、長い時間をかけてそれらを安全に管理してきました。

WordPressはオープンソースのCMS（コンテンツ管理システム）で、その特性から悪意ある攻撃者の標的にされやすいサービスです。WordPressは日々更新が行われ、新しいバージョンが頻繁にリリースされますが、新しいバージョンが公開されるたびに執拗な攻撃を受けています。そして、セキュリティの脆弱性が見つかると、瞬く間にインターネット上に広まり、世界中で問題が発生します。WordPressの開発チームは脆弱性を見つけた場合、すぐに対応し、必要に応じてセキュリティパッチをリリースします。

WordPressのセキュリティを確保するためには、常に最新のバージョンを利用することが重要です。WordPressで制作したウェブサイトを長期間放置すると、取り返しのつかない問題が生じる可能性があるため、安心してご利用いただくためにも、お気軽にご相談いただければと思います。何かご質問があれば、以下のフォームから気軽にお問い合わせください。