[JS] 자바스크립트 페이지 이동함수 - location.href / location.replace/ location.assign

 

 

자바스크립트(Javascript)의 Location 객체

자바스크립트의 Location 객체는 window 객체의 하위 객체이지만 window 객체를 생략하며서 사용이 가능합니다. 프레임을 사용되는 경우에는 최상위 프레임 문서의 URL만 참조할 수 있고, 하위 프레임의 문서들은 프레임 객체를 이용하기도 합니다.

 

//기본형태
location.속성 또는 메소드
location.속성 = 지정값;

 

자바스크립트(Javascript)의 location.href

자바스크립트의 location.href는 페이지의 URL 전체 정보를 반환하는 함수로써 URL을 지정하여 페이지를 이동할 수 있습니다. 형태는 속성으로서 주소 히스토리가 기록됩니다. location.href는 location 객체에 속해있는 프로퍼티로 현재 접속 중인 페이지 정보를 가지고 있습니다. 또한 프로퍼티는 값을 변경 가능하기에 다른 페이지로 이동도 가능합니다.

 

//현재 페이지 확인 
location.href;

//자바스크립트 페이지 이동
location.href = "www.tistory.com";

 

자바스크립트(Javascript)의 location.replace

자바스크립트의 location.replace는 기존의 페이지를 새로운 페이지로 변경하는 함수로써 메서드 형태를 가지고 있습니다. 현재 URL를 지정한 URL로 바꾸기 때문에 이전 히스토리를 저장하고 있지 않기 때문에 새로운 페이지 이동후에는 이전페이지로 이동이 불가능합니다.

 

//자바스크립트 페이지 이동
location.replace("www.tistory.com");

 

자바스크립트(Javascript)의 location.assign

자바스크립트의 location.assign는 location.replace 함수와 같은 형태로 사용되는함수로써 새로운 페이지로 변경하는 함수인 메서드 형태를 가지고 있지만, 이전 페이지 히스토리를 저장하고 있기에 이전 페이지로 이동이 가능합니다.

 

//자바스크립트 페이지 이동
location.assign("www.tistory.com");