[JSP] a태그의 href="#"에 관하여

웹페이지에서 흔히 볼수 있는 형태이다.

 

1. 클릭 이벤트 발생시 페이지 전환을 하지않게 만드는 방식이다.

#으로 의미없는 링크를 주어 페이징 되지 않게 하기 위함인데 클릭시에 최상단으로 이동하게 되므로

<a href="javascript:;"></a>

를 추천하는 곳도 보았다.

 

그렇다면 위의 코드와 #의 차이는 무엇일까?

#은 최상단으로 이동하지만 위의코드는 이동하지 않는다.

#이던 javascript:던 뒤에 ;(세미콜론)을 붙이면 최상단으로 이동하지 않는다.

그리고 클릭시 #은 url주소 뒤에 #이 붙게되지만 javascript:는 붙지 않는다.

 

그리고 종종 #none이 붙는 경우도 보았는데,

#none은 #;과 동일한 방식이다.

 

만약 화면 최상단으로 이동하는 것을 목적으로 사용한다면,

다음과 같은 코드가 더 좋은 방식이다.

<input type="button" onclick="window.scrollTo(0,0);">