[JavaScript] 버튼 클릭 시 페이지 이동하기, 새창에서 열기

버튼 클릭 시 페이지 이동하기

html내에 a태그의 링크를 사용하지 않고 페이지를 이동하는 방법을 알아보자.

 

See the Pen 버튼 클릭시 페이지 이동하기 by hy0ni (@hy0ni) on CodePen.

위 예제에서

 window.location.href = 'https://hyonilog.tistory.com/';

버튼에 onclick 이벤트가 발생하면, myPage() 함수가 호출되고,

이 함수는 window.location.href 값을 새로운 페이지로 변경한다.
window.location.href는 현재 페이지의 href(URL)를 반환한다.
window.location.href 값을 설정하면 제공된 URL로 이동한다.

 

 

새창에서 열기

See the Pen 버튼 클릭시 새창에서 열기 by hy0ni (@hy0ni) on CodePen.

window.open('https://hyonilog.tistory.com/');

window 객체의 open()이라는 함수를 통해 새창에서 열 수 있다.