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
'공부 > Java Script' 카테고리의 다른 글
자바스크립트 소수점에 대한 반올림,올림,내림 (0) | 2015.08.17 |
---|---|
자바스크립트(Javascript) 소수점 자리수, 올림, 버림, 반올림, 원단위 절사 (0) | 2015.08.13 |
history(), find(), setTimeout(), clearTimeout(), setIntervalTime(), moveBy(), moveTo(), resizeBy(), resizeTo(), scrollBy(), stop() (0) | 2015.08.07 |
MouseEnter 이벤트 (0) | 2015.08.07 |
자바스크립트 : insertAdjacentElement() (0) | 2015.07.17 |