SYNCERのロゴ
アイキャッチ画像

ページのURLを取得する方法

現在のURLに関する情報を取得するにはlocationオブジェクトの各プロパティを参照します。

サンプルコード

// url
var url = location.href ;

// host
var host = location.hostname ;

// path
var path = location.pathname ;

// query
var query = location.search ;

// protocol
var protocol = location.protocol ;

デモ

このページのurlを取得しています。

var url = location.href ;
var host = location.hostname ;
var path = location.pathname ;
var query = location.search ;
var protocol = location.protocol ;
url =
host =
pathname =
query =
protocol =
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年6月22日 (木)
コンテンツを公開しました。