<button> 버튼에 링크하기

문서나 이미지에 링크하려면 <a href="#">를 하면 됩니다. <button> 버튼에 링크하는 방법은 조금 다릅니다.

 

 

 

button 버튼에 링크하기

1. 현재 페이지에서 링크 전환할 때(button onclick 링크)

버튼 태그 안에  onclick="location.heft='#'" 이것을 추가해 주면 됩니다.

<button type="button" onclick="location.href='mypage.php'">마이페이지 바로가기</button>

 

2. 새창으로 링크할 때(button 링크 새창)

버튼 태그 안에 onclick="window.open('#')" 이것을 추가해 주면 됩니다.

<button type="button" onclick="window.open('mypage.php')">마이페이지 바로가기</button>

3. 팝업창으로 링크 열 때

<button type="button" onclick="window.open('mypage.php','window_name','width=300,height=400,location=no,status=no,scrollbars=yes');">마이페이지 바로가기</button>

 

함께 보면 좋은 글

티스토리 링크 버튼 만드는 사이트 추천

background css 축약, 한번에 쓰는 방법, 줄여서 써보자

hr 태그 css 100% 활용하기(색상, 두께, 점선)