HTML onclick 페이지 이동시키기

a링크를 사용하지 않고 HTML에 태그로 페이지 이동을 할 수 있습니다.

실무에서 작업하다보면 이 작업을 사용하는 순간이 종종 나타나곤 합니다.

 

 

 

첫번째 일반적인 onclick를 이용한 방법

<button type="button" class="navyBtn" onClick="location.href='http://www.naver.com'">네이버 이동</button>

 

두번째 새창으로 페이지 열기

<button type="button" class="navyBtn" onClick="window.open('http://www.daum.net')">새창 이동</button>

 

세번째 팝업으로 새창 열기

<button type="button" class="navyBtn" onClick="window.open('http://www.naver.com','네이버','width=800, height=700, toolbar=no, menubar=no, scrollbars=no, resizable=yes');return false;">네이버 새창 열기</button>