JavaScript 하이퍼링크: href와 onclick - 함수 호출에 가장 적합한 것은 무엇입니까?

JavaScript - 하이퍼링크용 콜백 함수: href 및 onclick

페이지 리디렉션을 유발하지 않고 하이퍼링크 클릭 시 JavaScript 기능을 실행하려고 하면 적절한 사용법에 관한 질문이 발생합니다. href 및 onclick 속성.

href 속성

href 속성에 JavaScript 호출을 넣으면 브라우저가 JavaScript 코드와 링크 리디렉션을 모두 실행하게 될 수 있습니다. 이 동작은 예상치 못한 결과를 초래할 수 있으므로 권장되지 않습니다.

잘못된 사용법:

<a href="javascript:my_function();window.print();">...</a>

onclick 속성

JavaScript 호출을 onclick 이벤트는 동작에 대한 더 많은 제어를 제공합니다. 리디렉션을 방지하면서 JavaScript 코드를 실행할 수 있습니다.

권장 사용법:

<a href="#" onclick="MyFunction(); return false;">...</a>

"return false;" 명령문은 브라우저가 링크를 따르지 않도록 합니다.

모범 사례

가장 좋은 접근 방식은 jQuery와 같은 프레임워크를 활용하여 요소 ID로 onclick 이벤트 핸들러를 연결하는 것입니다. 이는 더 큰 유연성을 제공하고 href 사용과 관련된 잠재적인 문제를 방지합니다.

최적의 솔루션:

$('#myLink').click(function() { MyFunction(); return false; });

위 내용은 JavaScript 하이퍼링크: href와 onclick - 함수 호출에 가장 적합한 것은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!