[html]a태그 onclick 사용하기

a태그를 href가 아닌 onclick()을 사용하고자 할 때 방법 두 가지를 소개한다.

1. href를 막고 onclick 사용

<a href="javacsript:void(0); onclick='함수명(매개변수)'>a링크입니다</a>

href가 동작은 하지만 void(0)으로 사실상 동작을 안 하는 것처럼 보이고 onclick이 실행된다.

2. href에 경로설정을 하지 않고 onclick 속성 사용

<a href="#" onclick="함수명(매개변수);">a링크</a>

이런 형식으로 사용한다.

<a href="aaa.jsp" onclick="return 함수명(매개변수);">a링크</a>

이렇게 사용하는 경우, href에 설정한 경로로 이동하는 것보다 onclick이벤트가 먼저 실행된다. onclick 이벤트의 리턴값이 true이면 href로 연결된 링크로 이동하고, false이면 이동하지 않는다.

출처 - http://egloos.zum.com/pdw213/v/3493140

출처 - http://0taeng.tistory.com/31