웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)
location 객체 본문
location 객체
브라우져의 주소 표시줄과 관련된 객체
페이지 이동할때 주로 사용
location 객체의 속성
메서드 | 설명 | 예 |
href | 문서의 URL 주소 |
|
host | 호스트 이름과 포트 번호 | localhost:30763 |
hostname | 호스트 이름 | localhost |
port | 포트번호 | 30763 |
pathname | 디렉토리 경로 | /home/sample.html |
hash | 앵커 이름(#~) | #beta |
search | 요청 매개 변수 | ?param=10 |
protocol | 프로토콜 종류 | http: |
location 객체의 메서드
속성 |
설명 |
assign(link) |
현재 위치를 이동 |
reload() |
새로고침 |
replace(link) |
현재위치를 이동 |
페이지 이동
assign() 메서드와 replace() 메서드 모두 페이지를 이동하는데 replace() 메서드는 뒤로가기 버튼을 지원하지 않는다.
location = 'http://www.naver.com';
location.href='http://www.naver.com';
location.assign('http://www.naver.com');
location.replace('http://www.naver.com');
페이지 새로고침
location = location;
location.href = location.href;
location.assign(location);
location.replace(location);
location.reload();
'javascript > 브라우져객체모델' 카테고리의 다른 글
window 객체의 onload 이벤트 (1) | 2015.04.07 |
---|---|
navigator 객체 (0) | 2015.04.06 |
screen 객체 (0) | 2015.04.06 |
window 객체 기본메서드 (0) | 2015.04.02 |
window 객체 타이머 메서드 (0) | 2015.04.01 |