은은하게 코드 뿌시기

자바스크립트/javascript - javascript:void() 본문

웹/웹프로그래밍

자바스크립트/javascript - javascript:void()

은은하게미친자 2022. 11. 25. 10:01
728x90

Javascript:void()

 

보면 아래와같이 적용되어있는 경우를 알수있다.

 

<a href="Javascript:void()" onclick="Window" onclick="window.open"></a>

 

 

a 태그 를 href에 지정한 url 로 페이지가 바뀌면서 이동하는 용도로 많이 사용하는데

이때 페이지가 바뀌면서 이동을 하게된다.

 

a태그의 디자인은 사용하고싶은데 링크 기능을 사용 하고싶지 않을때,

페이지가 바뀌면서 이동을하지 않게 하고싶을때는

 

javascript:void()를 사용하면 된다.

 

void 연산자가 undefind 값을 돌려주어 아무런 동작을 하지 않게 되는 원리이다.

void의 경우 void(), void(0) 등등을 사용해도 문제되지않으나 일반적으로는 숫자 0을 사용한다고한다.

 

 +  javascript:undefined 라고 지정해서 사용 해도 되지않을까?

예전이는 undefined 가 global 변수로 사용되어져 다시 재사용 될 수있는 소지가있어

void(0)로 많이 사용하는 편이라고한다.

 

+ 위와같은 사용은 구버전 브라우저에서 정상적으로 보이지 않는 경우가 있다고한다.

728x90
Comments