a태그에 javascript 연결 방법

정석으로는

<a href="해당 팝업 id" onclick="함수명('해당 팝업의 id')></a>

 

a태그는 href값이 필수이기 때문에 생략하지 못한다.

href="#"를 넣어주게 되면 클릭시 최상위로 이동하게되는 이슈를 방지하기 위해

href="javascript;;"를 쓰면 비워두지 않고 javascript를 실행시킬 수 있다.

<a href="javascipt;;" onclick="함수명('해당 팝업의 id')></a>

 

비슷하게는

<a href="javascript:void(0)"></a> 로 링크 기능을 무효화 시키기 때문에 사용 가능하다.

 

사용 가능 이유

1. void 연산자가 undefined 값을 돌려주어 아무런 동작을 하지 않게된다.

2. (0) 말고 ( )안에 다른 숫자나 영문자도 가능하지만, 보편적으로 0을 사용한다.

 

*undefined란?

1. 변수를 선언했으나, 데이터 값을 지정하지 않은 경우 -> var a;

2. 객체 속성값을 지정하지 않았을 경우 -> 자동으로 undefined가 저장 됨

*null이란?

1. 변수가 빈상태인 경우

2. 데이터를 저장했으나, 값이 존재하지 않을 경우

 

 

 

 

참고 링크

https://m.blog.naver.com/skydoor2014/221141848372

자바스크립트 기초 - javascript void(0) 의미