javascript:void(0) 이게 뭔가?
View/JavaScript : 2008.09.17 12:03
참조 : http://www.tizag.com/javascriptT/javascriptvoid.php
- 새 페이지를 로딩하는게 아니라 어떤 액션을 실행하고 싶을 때 앵커의 href 속성에 사용.
- href 속성의 값에 javascript: 프리픽스를 사용해서 자바스크립트 문장을 사용할 수 있다. == direct URL JavaScript statements
- 예제 <a href="javascript: alert('News Flash!')">News Flash</a>
- Gmail 같은 곳에서 상당히 많이 쓰고 있다.
- href는 어떤 값이라도 있으면 해당 값을 새 페이지로 읽으려고 들기 때문에, 항상 null을 반환하는 void(0)를 호출해서 그걸 막는다.
- void는 숫자 하나를 받는데, 내부에서 쓰진 않는다. void(1) 이렇게 해도 상관은 없겠다.
- 새 페이지를 로딩하는게 아니라 어떤 액션을 실행하고 싶을 때 앵커의 href 속성에 사용.
- href 속성의 값에 javascript: 프리픽스를 사용해서 자바스크립트 문장을 사용할 수 있다. == direct URL JavaScript statements
- 예제 <a href="javascript: alert('News Flash!')">News Flash</a>
- Gmail 같은 곳에서 상당히 많이 쓰고 있다.
- href는 어떤 값이라도 있으면 해당 값을 새 페이지로 읽으려고 들기 때문에, 항상 null을 반환하는 void(0)를 호출해서 그걸 막는다.
- void는 숫자 하나를 받는데, 내부에서 쓰진 않는다. void(1) 이렇게 해도 상관은 없겠다.
'View > JavaScript' 카테고리의 다른 글
| [제이쿼리] 매개변수가 있는 function을 HTML 엘리먼트에서 분리하기 (12) | 2009.09.22 |
|---|---|
| [jQuery] 날짜 선택하기 (0) | 2009.07.08 |
| [JQuery] J쿼리 이용해서 속성 값 변경하기, 엘리먼트 셀렉션, 이벤트 추가하기 (2) | 2009.05.27 |
| [JavaScript] id값 변경하기 (4) | 2009.05.26 |
| document.location.href 써먹기 (2) | 2008.12.15 |
| JavaScript Calendar (0) | 2008.09.25 |
| javascript:void(0) 이게 뭔가? (4) | 2008.09.17 |
void 는 함수가 아니라 결과값으로 무조건 undefined를 반환하는 연산자입니다.
그러므로 void(0) === void 0 === void "dummy" 모두 동일합니다.
만약 null을 반환하게 되면 빈 페이지로 이동하고, null이라는 문자열을 보게 됩니다.
(주소 줄에 javascript:null 이라고 쳐보면 알 수 있습니다. :-)
그렇군요. 감사합니다.
자바스크립트 공부를 제대로 안 했더니;;;
음.. 완벽가이드 나왔던데, 그걸로 열공해야겠습니다.
더 간단하게! javascript:;
ㅇㅇ.그거랑 저거랑 똑같은건가?