How TO - Side Navigation

How TO - Side Navigation

728x90

사이드 메뉴바

https://www.w3schools.com/howto/howto_js_sidenav.asp

Sidenav Overlay Example.txt 0.00MB

Study Point 1.

×

보통 a태그를 클릭하면 href에 지정한 url로 페이지가 바뀌면서 이동하게 됩니다.

그런데 페이지가 바뀌면서 이동을 하지는 않고 싶을때 이 javascript:void(0)을 이용하면 됩니다.

void(0)은 undefined를 반환하는 함수입니다.

이를 이용해 void 연산자가 undefind 값을 반환하면, a태그의 href 속성 값에 undefind 값이 지정되어 아무런 동작도 하지않게되는 원리입니다.

void(0)의 경우 () 안의 값이 숫자나 영문자 등등을 사용해도 상관없으나 일반적으로 0을 이용합니다.

* javascript:undefined 도 동일한 방법이나 예전에는 undefined가 global 변수로 사용되어져 재사용 될 수 있는 소지가 있으며 구버전 브라우저에 대한 대응문제 등도 있어서 void(0)을 주로 이용합니다.

즉, a태그의 디자인성은 살리고 링크 기능을 무효화 시키는 것입니다.

728x90

from http://nossodia.tistory.com/149 by ccl(A) rewrite - 2021-10-19 10:01:16