본문 바로가기
카테고리 없음

<a href="#" onclick=""> 상단으로 이동되는 것 방지 방법

by 호정찐 2013. 5. 8.
반응형

방법 1. <a href="javascript:void(0);" onclick="....">


void() 함수는 아무것도 하지 않는 함수. 그러니 클릭했을 때 실행되는 href값은 아무 일도 하지 않음을 의미.

void() 에 0을 넣지 않으면 firefox에서는 오류가 남.

방법 2. (방법 1에 비해 약간 개선된 방법)

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

가장 말끔한 팝업창 띄우는 방법....

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


- 링크에 마우스 포인터를 가져가면 상태표시줄에 링크가 표시되므로 사용자가 미리 링크를 확인할 수 있음,
- 행여 js가 작동하지 않는 상황에서도 링크가 의미를 가지고 작동을 함.
- # 를 쓸때처럼 페이지가 이동하지도 않음.

 

 

 

참고 http://hardworker.tistory.com/4

반응형