A 탭 이 onclick 이 벤트 를 실행 하고 뛰 지 않 는 다양한 해결 방법

웹 페이지 를 개발 할 때 우 리 는 다음 과 같은 상황 을 자주 만 납 니 다.1.하나의 탭 은 onclick 행 위 를 촉발 하 는 것 일 뿐 입 니 다.2.마우스 포인터 가 표시 되 거나 a 태그 와 유사 한 시각 적 효 과 를 나타 내야 합 니 다.예 를 들 어 삭제 작업 을 수행 할 때 오류 가 발생 하지 않도록 대화 상 자 를 꺼 내 서 삭제 여 부 를 확인 해 야 합 니 다.따라서 우 리 는대신 링크형식 으로 onclick 사건 을 촉발 합 니 다.코드 는 다음 과 같 습 니 다.

 
<script type="text/javascript"> 
function del(){ 
if(confirm("       ？")){ 
parent.window.location="    .jsp"; 
return true; 
} 
return false; 
} 
</script> 
<a href="" target="mainFrame" class="STYLE4" onclick="del()" >  </a> 

이렇게 한 결 과 는 js 코드 가'삭제 실행.jsp'페이지 로 이동 하고태그 도 빈 페이지 로 이동 합 니 다.html 자체 가태그 의 href 속성 을 처 리 했 기 때문에 우리 가 정의 한 방법 을 먼저 실행 하고 그 다음 에 그 자체 의 방법(점프 하 는 방법)을 실행 합 니 다.해결 방법 은 주로 네 가지 가 있 는데 다음 과 같다.1.a 라벨 을 사용 하지 않 고 css 를 설정 하거나 js 로 표현 한다(약간 복잡 하 다).2.탭 을 사용 하여 onclick 속성 이나 onclick 이벤트 에서 false 를 되 돌려 줍 니 다.(개인 적 으로 좋아 합 니 다)예 를 들 어삭제는 실행 순서 에 대한 문제 입 니 다.이 탭 의 실행 순 서 는 onclick 스 크 립 트 를 먼저 실행 하고 마지막 에 href 매개 변수 지정 페이지 의 점프 를 해 야 합 니 다.onclick 에서 false 로 돌아 가면태그 의 작업 절 차 를 중단 할 수 있 습 니 다.즉,href 매개 변수 가 지정 한 페이지 로 페이지 를 이동 하지 못 하 게 합 니 다.3.href="javascript:void(0)"와 같은 위조 프로 토 콜 을 사용 합 니 다.(이러한 위조 프로 토 콜 은 적 게 쓰 는 것 이 좋 습 니 다.즉,삭제4.삭제입 니 다.(항상 현재 페이지 상단 으로 이동 합 니 다.페이지 내용 이 많 을 때 도 점프 하 는 느낌 이 듭 니 다)