[JS] javascript:void(0) 사용하는 이유

 

개발을 하신 분이라면 간혹 href="javascript:void(0)"를 보신적이 있을 겁니다. 이렇게 말이죠

 

<a href="javascript:void(0)" class="" onclick="">
	링크
</a>

 

내부링크가 위치한 a 태그의 속성으로 자주 보실수 있습니다.

 

 

개발자 도구에 찍어보면 undefined가 출력되는 것을 보실수 있습니다. 그럼 도대체 이 함수는 어디서 사용하는 것일까요?

---

l void(0)을 사용하는 이유

 

쉽고 짧게 말하면 a 태그 경우 내부 링크가 걸려있는데 이 링크가 정상적으로 동작하지 않게끔 하기 위함입니다. 

만약 a 태그에 내부링크가 걸려 있는데 a 태그에서 onclick 속성을 부여하고 싶을 때 내부 링크를 동작하지 않게 할 수 있습니다.

 

href="" 이런 식으로 uri를 사용하지 않으면 된다 생각 하실수도 있지만 만약 저렇게 할 경우 최상위 링크를 이동하게 됩니다.

 

 

 

읽어주셔서 감사합니다.

질문은 언제나 환영합니다.

 

"난 반드시 백엔드 왕이 될거야"