>웹 프론트엔드 >JS 튜토리얼 >링크를 클릭해도 JavaScript 함수가 호출되지 않는 이유는 무엇입니까?

링크를 클릭해도 JavaScript 함수가 호출되지 않는 이유는 무엇입니까?

Linda Hamilton
Linda Hamilton원래의
2024-12-29 03:13:10446검색

Why Isn't My JavaScript Function Called When a Link Is Clicked?

링크 클릭 시 JavaScript 함수가 호출되지 않음

이 시나리오에는 수정하려는 링크가 포함된 사이드바 탐색이 있는 웹 페이지가 있습니다. iFrame 소스를 클릭하여 확인하세요. 그러나 이를 수행하기 위해 JavaScript를 사용했음에도 불구하고 원하는 기능이 실행되지 않습니다.

원인:

제공하신 코드를 검토한 결과 이를 무시한 것이 분명합니다. 다음의 괄호를 생략하여 getContent 함수를 호출합니다. 이름:

<a href="#" onclick='getContent()'> LoremIpsum</a>

수정 사항:

문제를 해결하려면 함수 호출 뒤에 괄호를 포함하는 것이 중요합니다.

<a href="#" onclick='getContent()'> LoremIpsum</a>

추가 지침:

그 동안 이 특정 문제를 해결하려면 웹 개발에 대한 몇 가지 일반적인 모범 사례를 고려해 볼 가치가 있습니다.

  • 인라인 이벤트 속성 피하기: HTML 이벤트 속성(예: onclick) 사용은 디버깅의 어려움을 비롯한 여러 가지 이유로 권장되지 않습니다. 중복, 낮은 확장성 및 관심 분리 접근 방식의 편차.
  • 대신 'addEventListener()'를 사용하세요. 인라인 이벤트 핸들러의 경우 JavaScript 내에서 이벤트 핸들러를 정의하고 'addEventListener()' 메소드를 사용하는 것이 좋습니다.
  • 하이퍼링크 대신 버튼 사용: JavaScript 기능을 트리거하는 것이 목표라면 하이퍼링크 위에 버튼을 사용하는 것이 좋습니다. 그러나 하이퍼링크가 필요한 경우 기본 탐색을 방지하려면 'href' 속성을 '#'으로 설정해야 합니다.

예제 코드:

다음은 필요한 변경 사항을 포함하는 업데이트된 코드 버전:

<button>

위 내용은 링크를 클릭해도 JavaScript 함수가 호출되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.