Whiteship's Note

'javascript:void(0)'에 해당되는 글 1건

  1. 2008.09.17 javascript:void(0) 이게 뭔가? (4)

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) 이렇게 해도 상관은 없겠다.

top

  1. Favicon of http://blog.gloridea.net BlogIcon Gloridea 2008.09.17 13:31 PERM. MOD/DEL REPLY

    void 는 함수가 아니라 결과값으로 무조건 undefined를 반환하는 연산자입니다.
    그러므로 void(0) === void 0 === void "dummy" 모두 동일합니다.

    만약 null을 반환하게 되면 빈 페이지로 이동하고, null이라는 문자열을 보게 됩니다.
    (주소 줄에 javascript:null 이라고 쳐보면 알 수 있습니다. :-)

    Favicon of https://whiteship.tistory.com BlogIcon 기선 2008.09.17 13:46 신고 PERM MOD/DEL

    그렇군요. 감사합니다. :)
    자바스크립트 공부를 제대로 안 했더니;;;
    음.. 완벽가이드 나왔던데, 그걸로 열공해야겠습니다.

  2. Favicon of http://zerry82.tistory.com BlogIcon zerry82 2008.09.25 16:44 PERM. MOD/DEL REPLY

    더 간단하게! javascript:;

    Favicon of https://whiteship.tistory.com BlogIcon 기선 2008.09.25 17:28 신고 PERM MOD/DEL

    ㅇㅇ.그거랑 저거랑 똑같은건가?

Write a comment.