반응형
<a> 태그는 페이지 이동을 도와준다 그런데 이 태그에 onclick 함수를 사용해야 하는 경우가 있음
a 태그 사용 시
onclick 실행 후 자꾸 새로고침이 되어서 곤란했던 경우가 있었다..
<html lang="ko">
<head>
<script type="text/javascript">
function clicktest(){
alert("test");
}
</script>
</head>
<body>
<a href="" onclick="clicktest();">클릭테스트</a>
</body>
</html>
이런 식으로 a 태그 href 속성에 아무것도 기입하지 않으면
onclick 함수를 탄 후 계속 새로 고침이 된다.
a 태그 속 href 속성이 비어 있으면 자기페이지로 계속 이동을 시키기 때문!
<a href="javascript:;" onclick="clicktest();">클릭테스트</a>
<!--또는-->
<a href="javascript:void(0);" onclick="clicktest();">클릭테스트</a>
<!--또는-->
<a href="javascript:return false;" onclick="clicktest();">클릭테스트</a>
href 속성에 이렇게 명시를 해주면
새로고침되지 않고 클릭 이벤트만 발생된다.
* href="#" 앵커를 사용하면 상단으로 이동함
728x90
반응형
'💻 1️⃣ 개발로그 (Tech Log) > Spring & Java & 웹개발 실무노트' 카테고리의 다른 글
| No converter found for return value of type: class java.util.HashMap (Json converter 에러) (0) | 2023.01.11 |
|---|---|
| [HTML/Javascript] input 태그, 숫자만 입력 및 개수 제한 (0) | 2023.01.06 |
| [Java] 날짜&시간 포맷 설정 - SimpleDateFormat (0) | 2023.01.05 |
| [HTML/Javascript] <form> 과 <button> 태그 (0) | 2023.01.03 |
| [JSP] JSP 태그 (0) | 2022.12.28 |