버튼 <button> 태그에 onclick 링크 걸기

버튼을 구현할 때 <button> 안에 <a href=”#”> 태그를 사용하면 일부 브라우저에서 클릭이 되지 않는 문제가 있습니다. 이러한 경우 <a> 태그가 <button>을 감싸는 형태로 순서를 바꾸어 사용해도 되지만, 자바스크립트의 onclick을 이용하여 구현하는 간단한 방법도 있어서 소개하려고 해요.

<!-- 현재창에서 링크 이동 -->
<button type="button" onclick="location.href='링크주소';"> 버튼내용 </button>

<!-- 새 창으로 링크 이동 -->
<button type="button" onclick="window.open('링크주소');"> 버튼내용 </button>

현재 페이지에서 이동하거나 새 창으로 이동하는 버튼을 만들고 싶을 때 위의 코드에 링크 주소만 바꾸어서 사용하시면 됩니다.