[JavaScript] 자바스크립트 BOM② location 객체

location 객체: 웹브라우저의 주소 URL 관련 객체

프로퍼티: http://itedunet.com:8080/search?book=5#coding 

 

location 객체 프로퍼티

• hash(#coding): 주소의 앵커명 반환
• host(http://itedunet.com:8080): 주소의 호스트명과 포트 번호 반환
• port(8080): 주소의 포트 번호 반환
• ★pathname(/search): 주소의 패스명 반환
• href(전체주소): 주소 값 반환
• protocol(http:): 주소의 프로토콜명 반환
• search(?book=5): 주소의 쿼리 문자열 반환

 

location 객체 메서드

1)reload(): 현재 페이지 다시 로드

<button onclick="javascript:location.reload();">reload</button>

 

2)replace(url): url 값으로 이동

<button onclick="javascript:location.replace('http://itedunet.com');">replace</button>