이번엔 location 객체에 대한 정리
location.assign("http://www.jumptovb.net"); //즉시 http://www.jumptovb.net 페이지로 이동
위 구문은 다음 구문과 같다.
window.location = "http://www.jumptovb.net";
location.href = "http://www.jumptovb.net";
location 객체의 hash, search, hostname, pathname, port
만약 현재위치가 http://www.jumptovb.net/woojja/ 라고 가정했을 때
location.hash = "#section1"; // http://www.jumptovb.net/woojja/#section1
location.search = "?q=javascript"; // http://www.jumptovb.net/woojja/?q=javascript
location.hostname = "www.tistory.com"; // http://www.tistory.com/woojja/
location.pathname = "myWoojja"; // http://www.tistory.com/myWoojja/
location 객체의 프로퍼티를 바꿀 때마다 새 URL 로 페이지를 다시 읽지만 hash Property 를 바꿀 때는 예외임.
replace() 메소드를 사용하면 History stack 에 기록을 남기지 않아 "뒤로가기" 를 통해 이전 페이지로 돌아가지 못한다.
reload() : 현재 페이지를 다시 불러오는 메소드
매개변수 없이 호출하면 페이지를 가능한한 가장 효과적인 방법으로 다시 읽음.
location.reload(); // 가능하면 캐쉬에서 읽음
location.reload(true); // 항상 서버에서 읽음
-- 도서 "JavaScript for Web Developers" 를 정리
행복한 고수되십시요.
woojja ))*
\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
'Web > JavaScript' 카테고리의 다른 글
[JavaScript] Pop Up 차단 확인 (0) | 2017.01.26 |
---|---|
[JavaScript] Browser 탐지 스크립트 (0) | 2017.01.26 |
[JavaScript] Query String 확장 (0) | 2017.01.23 |
[JavaScript] Tab-Based Navigation Scripts (0) | 2013.07.02 |
[JavaScript] Date Validation 스크립트 (0) | 2013.05.02 |