a href="javascript:void(0);" 와 a href="javascript:;"

<a href="javascript:void(0);"></a>

    <div class="search">
        <ul>
            <li>
                <input type="text" name="keyword" id="keyword" placeholder="도로명주소, 건물명 또는 지번 입력" 
                 style="width:700px;">
                <p><a href="javascript:void(0);" id="btnSearch">검색</a></p>
            </li>
        </ul>
        <div>
            <p>검색어 예 :  도로명(반포대로 58), 건물명(독립기념관), 지번(삼성동 25)</p>
        </div>
    </div>

 

이 코드를 실행하면 콘솔창에 undefined가 출력된다.

void(0)은 undefined를 반환해주는 함수라는 것.

- 왜 사용하는가?
링크 태그인 a에 css스타일이 있는 경우에 link 태그를 그대로 유지해야 하므로 태그는 가지면서
실제 클릭 이벤트는 작동하지 않도록 하기 위함이다.

 

---

<a href="javascript:;"></a>

<script>
function doPlay(){
	alert("play");
}
</script>

<a href="javascript:doPlay();">Play</a>

 

Play를 클릭하면 alert이 발생

링크를 사용하여 페이지를 이동하는 대신 이 방법을 사용하면 자바 스크립트 함수가 실행됨.