자바스크립트 페이지 이동

location.href

href는 location 객체에 속해있는 프로퍼티로 현재 접속중인 페이지 정보를 갖고 있다. 또한 값을 변경할 수 있는 프로퍼티이기 때문에 다른페이지로 이동하는데도 사용되고 있다.

 

ex. 현재페이지 확인 방법

document.write("location.href:" + location.href + "<br>");

 

실행 결과 화면

 

ex. 페이지 이동 방법

location.href = "이동할 페이지 주소";

 

cf. location.replace 와의 차이점

	location.href	location.replace
기능	새로운 페이지로 이동 (뒤로가기로 이전페이지 이동 가능)	기존페이지를 새로운 페이지로 변경 (뒤로가기로 이전페이지 이동 불가능)
형태	속성	메서드
주소 히스토리	기록	기록되지 않음
예	location.href='abc.php'	location.replace('abc.php')

 

파라미터 넘기기

location.href = "/경로?변수명=" + 값;

 

cf .2개 이상의 값 보내는 경우

location.href="/경로?변수명="+값+"&보낼변수명2="+값.....;

 

위와 같이 코드 작성시 url에 값이 넘어가고, 컨트롤러단에서 request.getParameter("변수명"); 사용시 값을 받을 수 있다.