[JavaScript] a 태그 href="javascript:void(0);

 

<a href="#" onclick="return false;">경로이름</a>

기존 소스를 분석하는 과정에서 위와 같은 내용을 보게 되었는데요.

그 중에서  

<a href="javascript:void(0);">경로이름</a>

위와 같은 부분이 눈에 띄었습니다.

 

void(0) 을 사용하면?

결과 값 undefined를 얻게 됩니다.

즉, 해당하는 링크가 정상적으로 동작하지 않게 만들기 위하여 이처럼 undefined를 사용한다고 보면 됩니다.

 

# 을 쓰면 되지 않을까?

<a href="#">경로이름</a>

해쉬기호인 #을 void(0) 대신에 쓰게 되면 링크는 이동하게 됩니다. 

 

#뒤에 아이디로 쓰지 않는 텍스트를 넣으면, 오브젝트의 이동도, 스크롤 이동도 하지 않습니다.

<a href="#none">경로이름</a>

 

#을 작성했을 때 스크롤이 위로 올라가는 문제점을 return false로 무력화했습니다.

<a href="#" onclick="return false;">경로이름</a>