토론: A 태그 가 javascript: void (0) 를 사용 하 는 것 을 피 할 수 있 습 니까?

갑 은 나의 동료 이 고 을 은 나다.어느 날 a 태그 추가 javascript: void(0) 를 피 할 것 인 가 를 논 의 했 고 결국 추가 하기 로 결정 했다!
가: 어떤 IE 에 서 는 bug 입 니 다.사용 이 더 좋 습 니 다. 이렇게 하면 페이지 가 맨 위로 이동 하지 않 습 니 다.
나:
사용 에 문제 가 있 습 니 다. 클릭 후 windows. location 이 바 뀌 었 습 니 다.브 라 우 저의 history 에 기록 되 어 있 습 니 다. 브 라 우 저 후퇴 작업 에 불리 합 니 다.
그리고 IE 에서 클릭 한 후에 점선 외곽 선 이 나타 날 수 있 습 니 다. 이 스타일 은 보기 싫 고 수정 할 수 없습니다.
마우스 가 가운데 단 추 를 눌 렀 을 때 새 브 라 우 저 탭 에서 이 링크 를 열 면 사용 자 를 오도 할 수 있 습 니 다.
또한 브 라 우 저 스 크 립 트 로 문 서 를 분석 하고 nogo 닻 점 을 검색 하 게 합 니 다. 이 영향 은 작 지만 바람 직 하지 않 습 니 다.
당분간 완벽 한 방안 이 없다 javascript:void(0);인터넷 상에 서 어떤 사람들 은 류 를 쓰 고 $('.cancel_link').click(function(){}); 같은 스 크 립 트 로 대체한다.
가:
그리고 꼭 라벨 을 써 야 하나 요?span 안 돼 요?
http://stackoverflow.com/questions/134845/href-tag-for-javascript-links-or-javascriptvoid0
나:
a 태그 만 기본 값: hover 속성
span 또는 div 로 대체 하려 면 js 로 hover 를 모 의 해 야 합 니 다. 예 를 들 어 hover 류 를 추가 해 야 합 니 다. span.hover{}a 대신 button 을 사용 하 자 는 의견 도 있다.그러나 button 은 일부 플랫폼 의 스타일 을 조정 할 수 없습니다.
가:
Simple code example
Your HTML:

Cancel this action

Your CSS:

a { cursor: pointer; color: blue; }
a:hover,a.hover { text-decoration: underline; }

Your JavaScript:

// Cancel click event
$('.cancel-action').click(function(){
});
// Hover shim for Internet Explorer 6 and Internet Explorer 7.
$(document.body).on('hover','a',function(){
    $(this).toggleClass('hover');
});

http://en.wikipedia.org/wiki/Unobtrusive_JavaScript
나:
a 라벨 은 href 속성 이 있어 야 합 니 다. 그렇지 않 으 면 hover 가 없어 도 기본 cursor:pointer 스타일 이 없 을 것 입 니 다. 그러면 js 로 모 의 해 야 합 니 다.js 시 뮬 레이 션 이 아직 적용 되 지 않 았 는 지 사용자 가 링크 를 클릭 하면 체험 이 매우 나 쁠 것 입 니 다.링크 텍스트 이러한 탭 은 기본적으로 링크 스타일 이 없습니다. rss 에서 출력 하거나 .cancel_link 스타일 이 없 는 곳 은 모두 텍스트 상태 로 표 시 됩 니 다. 이것 이 클릭 가능 한 링크 라 는 것 을 아 는 사람 이 없습니다.가장 안전 하고 타당 한 것 은 a 라벨 에 href 를 추가 하고 js 를 첨부 하 는 것 이다.다만 좀 청결 해 보이 지 않 을 뿐이다.
원본 링크:http://zaishanda.com/post/4