마크업에서 링크는 항상 <a> 태그로 걸어야 하는 것은 아닙니다.
<div> 나 <section> 에도 링크를 걸어야 할 때가 있습니다.
그리고 때로는 링크 기능은 필요하지만 페이지 이동은 막아야 할 때도 있습니다.
그럴 때 필요한 코드를 정리해 보았습니다.
코딩에 도움 되기를 바랍니다.
<a href="#" onclick="return false;">CLICK</a>
에이 태그에 링크는 걸되 리로드 하기 싫을때
<div onclick="return false;">CLICK</div>
박스에 링크 거는데 리로드 하기 싫을때
<div onclick="window.location.href='#'">CLICK</div>
리로드 박스 링크
<div onclick="window.location.href='https://www.google.com/'">CLICK</div>
박스에 링크 걸고 싶을때
<div OnClick="location.href ='javascript:void(0)'">CLICK</div>
박스나 텍스트에 링트는 걸되 어디로 가지 말고 리로드도 하고 싶지 않을 때

'New' 카테고리의 다른 글
| 하이브리드앱 사례 (0) | 2026.04.14 |
|---|---|
| 모바일 웹 개발을 위한 위스와 미디어쿼리 스펙 추천 (0) | 2026.04.09 |
| 서브 도메인 생성해서 내 포트폴리오 사이트 만들기 (0) | 2026.03.31 |
| 내 첫 홈페이지 파일 만들기 (0) | 2026.03.27 |
| 내 호스팅에 FTP로 내 웹사이트 파일 업로드 하기 (0) | 2026.03.27 |