<a href="#"> 이슈

 

 

1. '#', '#none' 차이

 

"#"          : 아무것도 실행하지는 않지만 페이지 최상단으로 이동한다. 

"#none" : 아무것도 실행하지 않으며, 페이지 최상단으로도 이동하지 않는다. 

 

 

2. href="#" 이슈

 

예를들어 아래와 같이 작성 할 결우 

<a href="#" onclick="window.open("http://www.naver.com");">

href="#"에 의해서 두가지 이슈가 생김

 

- 페이지가 최상단으로 스크롤업 되버리는 상황 발생

 

- 브라우저 url 주소 맨 뒤에 #이 붙혀짐

 (특별한 이슈는 아니지만 url String값으로 가지고 2차 작업을 하는 경우 예외상황이 발생)

 

때문에 아래의 두가지 형태로 수정.

 

- <a href="javascript:;" onclick="....">

- <a href="http://www.test.com" onclick="window.open(this.href, '',''); return false;">