웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

location 객체 본문

javascript/브라우져객체모델

location 객체

jokack01 2015. 4. 6. 16:45

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