IT the Best

HTML/CSS/JSに関する情報やはてなブログのカスタマイズに関する情報を掲載しています。

「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))
}