a 탭 에 onclick 이 벤트 를 추가 하 는 몇 가지 방법 을 자세히 설명 합 니 다.

우리 가 자주 사용 하 는 a 탭 에 클릭 이벤트 가 있 습 니 다.
1. a href="javascript:js_method();" rel="external nofollow"
이 방법 은 this 등 인 자 를 전달 할 때 문제 가 발생 하기 쉬 우 며,javascript:프로 토 콜 이 a 의 href 속성 일 때 불필요 한 window.onbeforeunload 이 벤트 를 촉발 할 뿐만 아니 라,IE 에 서 는 gif 애니메이션 그림 의 재생 을 중단 시 킬 수 있 습 니 다.W3C 표준 은 href 에서 자바 script 문 구 를 실행 하 는 것 을 추천 하지 않 습 니 다.
2. a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" onclick="js_method()"
이런 방법 은 많은 사이트 에서 가장 자주 사용 하 는 방법 이자 가장 주도면밀 한 방법 이다.onclick 방법 은 js 함 수 를 집행 하 는 것 을 책임 지고 void 는 조작 부호 이다.void(0)는 undefined 로 돌아 가 주소 가 바 뀌 지 않 는 다.그리고 이 방법 은 첫 번 째 방법 처럼 js 방법 을 브 라 우 저의 상태 표시 줄 에 직접 노출 시 키 지 않 습 니 다.
3.a href="javascript:;" rel="external nofollow" rel="external nofollow" onclick="js_method()"
이 방법 은 두 가지 와 유사 하 며 빈 js 코드 만 실 행 된 것 으로 나 타 났 다.
4.a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="js_method()"
이런 방법 도 인터넷 에서 흔히 볼 수 있 는 코드 입 니 다.\#라벨 에 내 장 된 방법 으로 top 의 역할 을 대표 합 니 다.그래서 이런 방법 으로 웹 페이지 를 클릭 한 후 페이지 의 맨 위로 돌아간다.
5.a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="js_method();return false;"
이 방법 은 js 함 수 를 실행 한 후 return false 를 누 르 면 페이지 가 이동 하지 않 고 실행 한 후에 도 페이지 의 현재 위치 에 있 습 니 다.
상기 와 같이 a 에서 js 함 수 를 호출 하 는 가장 적당 한 방법 은 다음 과 같이 추천 합 니 다.
a href="javascript:void(0);" rel="external nofollow" rel="external nofollow" onclick="js_method()"
a href="javascript:;" rel="external nofollow" rel="external nofollow" onclick="js_method()"
a href="#" rel="external nofollow" rel="external nofollow" rel="external nofollow" onclick="js_method();return false;"
위 에서 말 한 것 은 편집장 이 소개 한 a 라벨 에 onclick 사건 을 추가 하 는 몇 가지 방식 으로 상세 하 게 통합 되 었 습 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 저 에 게 메 시 지 를 남 겨 주세요.편집장 은 신속하게 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!