본문 바로가기
Development/Javascript

javascript:void(0) 란?

by wansdream 2009. 7. 25.
- 새 페이지를 로딩하지 않고 어떤 액션을 실행하고 싶을 때 href 속성에 사용한다.
- href 속성의 값에 javascript: 프리픽스를 사용해서 자바스크립트 문장을 사용할 수 있다. == direct URL JavaScript statements
- 예제 <a href="javascript: alert('News Flash!')">News Flash</a>
- href는 어떤 값이라도 있으면 해당 값을 새 페이지로 읽으려고 들기 때문에, 항상 null을 반환하는 void(0)를 호출해서 그걸 막는다.
- void는 숫자 하나를 받는데, 내부에서 쓰진 않는다. void(1) 이렇게 해도 상관은 없겠다.

예제
<a href="javascript: void(0);">TEST</a>
결과
TEST

아래와 같이 응용할 수 있다.. 링크를 클릭하면 페이지는 반응없지만... 자바스크립트 안의 내용이 실행된다...
새창띄우기 등의 처리를 할 수 있다~
<html>
<head>
<script type=text/javascript>
<!--
function functions()
{
  처리내용;
}
//-->
</script>
</head>
<body>
<a href="javascript: void(0);" onClick="functions();">TEST</a>
</body>
</html>

참조>
http://www.tizag.com/javascriptT/javascriptvoid.php
http://whiteship.me/1908

댓글