javascript Location 종류

javascript Location 종류

javascript location에는 많은 것들이 들어있습니다.

예제를 통해서 보시죠.

에졔 URL : http://localhost:8080/index.do?name=test

hash	""
host	"localhost:8080"
hostname	"localhost"
href	"http://localhost:8080/index.do?name=test"
origin	"http://localhost:8080"
pathname	"/index.do"
port	"8080"
protocol	"http:"
search	"?name=test"

window.loacation 혹은 window를 생략하고 location으로만 사용할 수 있습니다.

console.log("window.location.hostname : " + window.location.hostname );

// window.location.href : localhost

console.log("location.hostname : " + location.hostname );

//location.href : localhost

location.hash는 url에 '#' 부분입니다.

(화면의 특정 부분으로 이동할 때 쓰입니다.)

예제 URL : http://localhost:8080/index.do#top

console.log("hash : " + location.hash );

// hash : top

만약, url에서 파라미터나 해쉬 없이 http://localhost:8080/index.do까지만 가져오고 싶다면?

var url = location.origin + location.pathname ;

으로 가져올 수 있습니다.