IT the Best

はてなブログのカスタマイズ情報を中心に、WEBデザインからJavaScriptまでWEB系の開発情報を発信します。便利ツールや暇つぶしのゲームなど開発物も公開します。

「JavaScript」locationで簡単にURLの情報を取得する

f:id:Surprisedblog:20190608171415p:plain

locatoin

locationオブジェクトを使用すれば簡単にURLの情報を取得できます。

 

プロパティ一覧

  • location.href
  • location.protocol
  • location.host
  • location.hostname
  • location.port
  • location.pathname
  • location.search
  • location.hash
  • location.origin

 

 当画面のURL情報です。

location.href
location.protocol
location.host
location.hostname
location.port
location.pathname
location.search
location.hash
location.origin

 

こちらをコピーすれば簡単にURL情報を見ることができます。

var list=["location.href", "location.protocol", "location.host", "location.hostname", "location.port", "location.pathname", "location.search", "location.hash", "location.origin"]
    for (let i of list) {
    console.log(eval(i))
}