javascript:void(0)

반응형일때 <a href = "" >주소일 경우 1depth에서 2depth를 안보여줌.. 그럴땐 해당 href주소 빼고 "#" 이거나 <a href="javascript:void(0);"이거 넣어서 해주면 2뎁스 잘보인다. 허허 ;; 

---

정리 

a href = "#" 이것 

a href = "javascript:void(0)" 의 차이 ??? 

<a href="javascript:테스트입니다.">테스트입니다.</a> 하이퍼링크 클릭시 자바스크립트 테스트입니다.로 전환된다.

a href= "javascript:void(0)" 사용할 경우에는 스크립트의 평가결과로 undefined가 반환되어 무시되므로 현재 페이지가 유지된다.

 

a href = "#" 

# (hash)는 보통 페이지 내부링크를 목적으로 사용되며, id를 지정하지 않은 경우에는 해당 페이지의 최상단으로 스크롤된다. 기본동작을 방지하기 위해서는 클릭 이벤트 핸들러에서 false를 반환해주거나 이벤트의 preventDefault를 호출해주어야 한다.

<script>
	function somehandler() {
	return false;
}
</script>

<a href="#" onclick="somehandler()">클릭</a>

<!--jquery-->
$("#someid").click(function(e) {
	//...
    e.preventDefault();
});



<!--preventDefault-->
preventDefault() : 현재 이벤트의 기본 동작을 중지하는 것이다. 
<!--비슷한 함수-->
stopPropagation() : 현재 이벤트가 상위뿐만 아니라 현재 레벨에 걸린 다른  이벤트로 동작하지 않도록 중단.