WEB制作者向け無料テーマ「Arkhe」をリリースしました

JavaScriptで現在リクエストされているURL情報を取得する

JavaScriptで現在リクエストされているURL情報は、locationオブジェクトから取得できます。

例えば、現在のURLが「https://example.com/pagename/?q=hoge#link_id」の場合、以下のようにして各URL情報を取得できます。

//  URL全体を取得
var url = location.href;          // "http://example.com/pagename/?q=hoge#link_id"

// ホスト名を取得
var host = location.hostname;     // "example.com"

// ホスト名以降のパスを取得
var path = location.pathname;     // "/page/"

// クエリ情報を取得
var query = location.search;      // "?q=hoge"

//ハッシュ情報を取得
var hash = location.hash;         // "#link_id"

// protocol
var protocol = location.protocol; // "https"

 

この記事が気に入ったら
フォローしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

コメント

コメントする

CAPTCHA

目次
WordPressテーマ SWELLWordPressテーマ SWELL