기술 답변 외에도 javascript:void저자가 잘못하고 있음을 의미합니다.

javascript:의사 URL (*) 을 사용해야 할 이유가 없습니다 . 실제로 누구나 ‘북마크 링크’, ‘새 탭에서 링크 열기’등과 같은 작업을 시도하면 혼동이나 오류가 발생할 수 있습니다. 사람들은 이제 새로운 탭 중간 클릭에 익숙해졌습니다. 링크처럼 보입니다. 새 탭에서 읽고 싶지만 실제 링크는 아닙니다. 빈 페이지 나 중간 클릭시 JS 오류와 같은 원하지 않는 결과를 제공합니다.

<a href="#">덜 나쁠 수도있는 일반적인 대안입니다. 그러나 링크를 따르고 페이지 맨 위로 스크롤하지 않도록 이벤트 핸들러 return false에서 기억해야합니다 onclick.

경우에 따라 링크를 가리키는 유용한 장소가있을 수 있습니다. 당신은 당신이 클릭 할 수있는 컨트롤이 이전 숨겨진 열어이있는 경우 예를 들어 <div id="foo">, 그것은 사용에 어떤 의미합니다 <a href="#foo">그것에 대한 링크를. 또는 자바 스크립트가 아닌 방식으로 동일한 작업을 수행하는 경우 (예 : foo를 시작으로 설정하는 ‘thispage.php? show = foo’) 링크 할 수 있습니다.

그렇지 않으면 링크가 일부 스크립트 만 가리키는 경우 실제로는 링크가 아니므로 그렇게 표시해서는 안됩니다. 일반적인 접근 방식은 추가하는 것 onclickA를 <span>, <div>또는 <a>없이 href당신이 그것을 클릭 할 수 명확하게하기 위해 어떤 방법과 스타일을. 이것이 바로 StackOverflow가 작성한 시점입니다. 이제는 href="#"]를 사용합니다 .

이것의 단점은 span / div / bare-a를 탭하거나 공백으로 활성화 할 수 없기 때문에 키보드 컨트롤이 손실된다는 것입니다. 이것이 실제로 불리한 지의 여부는 요소가 취해야 할 행동의 종류에 달려 있습니다. 약간의 노력을 기울이면 tabIndex요소에 a 를 추가 하고 스페이스 키 누르기를 들음 으로써 키보드 상호 작용 성을 모방 할 수 있습니다. 그러나 다른 브라우저가 키보드에 다르게 반응 할 수 있기 때문에 (비 시각적 브라우저는 말할 것도없고) 실제 브라우저 동작을 100 % 재현하지는 않습니다.

링크는 아니지만 마우스 나 키보드로 정상적으로 활성화 할 수있는 요소를 원한다면 원하는 것이 있습니다 <button type="button">(또는 <input type="button">간단한 텍스트 내용도 마찬가지입니다). 원하는 경우 언제든지 CSS를 사용하여 CSS를 다시 스타일링 할 수 있으므로 버튼보다 링크처럼 보입니다. 그러나 버튼처럼 작동하므로 실제로 표시해야합니다.

(* : 사이트 제작에서 어쨌든 그것들은 북마크에 유용합니다. javascript:의사 URL은 개념적 기괴함 : 위치를 가리 키지 않고 현재 위치 내에서 활성 코드를 호출하는 로케이터입니다. 브라우저와 웹앱 모두에 문제가 있으며 Netscape에서 발명 한 적이 없습니다.)

답변

<a href="#" onclick="return false;">hello</a>

<a href="backup_page_displaying_image.aspx"
   onclick="return coolImageDisplayFunction();">hello</a>

<a href="javascript:void(0)" onclick="callPrintFunction()">Print</a>

something === undefined

something === void 0