location 객체는 현재 문서의 URL과 관련된 정보를 가지고 있습니다. location 객체는 window 객체의 하위 객체지만 window 객첵를 생략하고 사용할 수 있습니다. 혹시 프레임을 사용된 경우에는 최상위 프레임 문서의 URL만 참조할 수 있고, 하위 프레임의 문서들은 Frames 객체를 이용합니다.
기본형태는 이렇습니다.
간단한 사용예로 reflash 버튼을 만들어보면 이렇습니다.
기본형태는 이렇습니다.
location.속성 혹은 메소드
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>
반응형
'Internet World > JS' 카테고리의 다른 글
[jQuery] jQuery를 이용한 동적이 사이드메뉴 (동적메뉴) (4) | 2010.05.25 |
---|---|
[jQuery] jQuery를 이용한 레이어 팝업 (1) | 2010.05.24 |
[jQuery] CDN : Contents Delivery Network for jQuery (제이쿼리 코드 서버) - 라이브러리를 불러와 사용하는 법 (0) | 2010.05.20 |
[jQuery] jQuery를 이용한 자주묻는질문(FAQ) (0) | 2010.05.10 |
[jQuery] jQuery를 이용한 이미지의 마우스 오버 (3) | 2010.04.09 |