<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="#" 앵커를 사용하면 상단으로 이동함
'WEB' 카테고리의 다른 글
| [HTML] 모바일 페이지 - 휴대폰에서 숫자 키패드로 입력 받기 (0) | 2023.05.18 |
|---|---|
| [HTML/Javascript] input 태그, 숫자만 입력 및 개수 제한 (0) | 2023.01.06 |
| [HTML/Javascript] <form> 과 <button> 태그 (0) | 2023.01.03 |