이번엔 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 에 기록을 남기지 않아 "뒤로가기" 를 통해 이전 페이지로 돌아가지 못한다.

 

setTimeout(function() {

location.replace(http://www.tistory.com);

}, 1000);

 

 

reload() : 현재 페이지를 다시 불러오는 메소드

매개변수 없이 호출하면 페이지를 가능한한 가장 효과적인 방법으로 다시 읽음.

location.reload();    // 가능하면 캐쉬에서 읽음

location.reload(true);    // 항상 서버에서 읽음

 

 

 

-- 도서 "JavaScript for Web Developers" 를 정리

 

행복한 고수되십시요.

 

woojja ))*

\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\

 













Posted by woojja

티스토리 툴바