html) a href="#"의 용도

href="#"의 용도

 

1. 클릭 이벤트 발생시 페이지 전환 x

 

 

2. 화면 최상단으로 이동하도록

-> 이 경우에는 href="#"보다는 아래 코드를 쓰는 것이 낫다.

 

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

JavaScript의 window.scrollTo() 함수를 이용하자.

 

 

window.scrollTo() 

window.scrollTo(x-좌표, y-좌표)

** 참고

 

js에서 Window 인터페이스는 DOM 문서를 담은 창을 나타냄.

 document 속성이 창에 불러온 DOM 문서를 가리킴.

 

Window - Web API | MDN

 

 

 

3. 만약에, 최상단으로 이동하지 않도록 하기 위해서는 세미콜론을 붙여준다.

 

href="#;"

href="#"은 이벤트를 수행하기 전 최상단으로 이동한 후 수행하지만,

href="#;"은 최상단으로 이동 없이 이벤트를 바로 수행한다.