2010-08-12 2 views
10

자바 스크립트 기반 인터페이스가 있으므로 자바 스크립트없이 작업을 지원할 필요가 없습니다. javascript : void (0) 또는 onclick = "false false"<a>- 어느 쪽이 좋을까요?

내가 클릭 이벤트에 결합 JS 코드를 가진

<a>Something</a> 

요소가 - 그래서, 나는 사용자의 클릭 후 페이지를 다시로드를 원하지 않는다.

어느 쪽이 더 낫습니까?

1. <a href="javascript:void(0)">Something</a> 
2. <a href="#" onclick="return false;">Something</a> 

각 방법의 장점과 단점은 무엇입니까?

+0

참조 : http://stackoverflow.com/questions/134845/href-for-javascript-links-or-javascriptvoid0 http://stackoverflow.com/questions/3451560/ideal-value-for-a-href -ws-a-js-event – CMS

+1

중복되었을 때? 참조하십시오 : http://stackoverflow.com/questions/245868/what-is-the-difference-between-the-different-methods-of-putting-javascript-in-an –

답변

10

두 가지 모두 좋지 않은 선택입니다. 프레젠테이션을 콘텐츠와 섞어서는 안됩니다. 즉, javascript: 개의 URI가없고, 사실상 onclick 속성이 없음을 의미합니다.

방법 그것을 할 수 없습니다 :

<a id="myLink">Something</a> 
<script> 
    function myFunction(...) { ... } 
    document.getElementById('myLink').addEventListener('click', myFunction, false); 
</script>
+0

일반적으로 두 번째 방법입니다 - 이벤트 경청자. 간단하게하기 위해 onclick = "..."으로 작성했습니다. 나는 JQuery를 사용한다. 그래서 $ ("# elementId"). bind ("click", function() {return false;}); 감사합니다. –

+0
2

을 둘 다. 귀하의 링크가 어디에도 가지 않는 경우 <a> 요소를 사용하지 마십시오. <span> 또는 다른 적절한 것을 사용하고 원하는대로 스타일을 지정하기 위해 CSS를 추가하십시오.

관련 문제