본문 바로가기
개발자 꿈나무/html

버튼 <button>에 onclick 링크걸기

by ♥︎♥︎ Heina ♥︎♥︎ 2021. 4. 7.
반응형

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

 

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

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

 

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

반응형

댓글0