본문 바로가기

Internet World/JS

[Javascript] location 객체에 대한 생각

location 객체는 현재 문서의 URL과 관련된 정보를 가지고 있습니다. location 객체는 window 객체의 하위 객체지만 window 객첵를 생략하고 사용할 수 있습니다. 혹시 프레임을 사용된 경우에는 최상위 프레임 문서의 URL만 참조할 수 있고, 하위 프레임의 문서들은 Frames 객체를 이용합니다.



기본형태는 이렇습니다.

location.속성 혹은 메소드
location.속성 = 지정값;

location 객체의 속성

 속성 설명
href
 페이지의 URL 전체 정보를 반환합니다. URL을 지정하여 페이지를 이동할 수도 있습니다.
protocol
 : (콜론)을 포함하는 http 나 ftp 등의 프로토콜 정보를 반환합니다.
 hostname  호스트의 이름과 포트번호를 반환합니다.
 pathname  URL 경로부분의 정보를 반환합니다.
 port  포트번호를 반환합니다.
 search  ? (물음표) 이후의 값을 불러옵니다. 파라미터
 hash  지정한 앵커를 설정한 곳으로 이동하거나 앵커 이름을 반환합니다.

location 객체의 메소드

 메소드 설명
reload()
 Reflash 합니다.
replace()
 현재 URL을 지정한 URL로 바꾸고 이전페이지로 돌아갈 수 없게 합니다.


간단한 사용예로 reflash 버튼을 만들어보면 이렇습니다.

<a href="javascript:location.reload();">새로고침</a>

반응형