ex : ) <a href="javascript:void(0)" id="loginlink">login</a>



javascript: URI에 있는 코드의 실행결과가 undefined 가 아니라면 화면 내용을 실행 값으로 대체합니다.

void연산자는 undefined 를 반환해서, 페이지의 표시 내용이 코드의 반환값으로 대체되지 않도록 해 줍니다.

<a href="javascript:void(0);">클릭해도 아무일도 일어나지 않아요</a>

<a href="javascript:void(document.body.style.backgroundColor='green');">클릭하면 배경색이 녹색으로</a>

<a href="javascript:abc='hello'">페이지 내용이 hello로 변경</a>

예제 : http://jsfiddle.net/JusB3/

결국 javascript:void(0) 은 a 태그를 클릭했을때 아무것도 실행하지 않게 만듭니다.

<a href="javascript:void(0)" id="loginlink">login</a>

질문 처럼 이렇게 쓸 경우 a 태그 클릭시 기본적인 href 이동 이벤트를 막고 
아마도 자바스크립트에서 loginlink 라는 ID값에 이벤트를 줬을 것으로 보입니다.

하지만 href="javascript:void(0)" 은 좋은 방법이 아닙니다.

"A 앵커에 자바스크립트 이벤트 처리할때" 
이 답변처럼 하는 것을 추천합니다.

참조 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/void

+ Recent posts