a에서 js를 호출하는 여러 가지 방법을 정리하여 use_HTML/Xhtml_웹페이지 제작에 권장합니다.

우리는 일반적으로 a 태그에서 클릭 이벤트를 사용합니다:

1. a href="javascript:js_method();"

이것은 우리 플랫폼에서 일반적으로 사용되는 방법입니다. 이와 같은 매개변수를 전달할 때 문제가 발생하기 쉽고 javascript: 프로토콜을 a의 href 속성으로 사용하면 window.onbeforeunload 이벤트가 불필요하게 트리거될 뿐만 아니라 GIF 애니메이션 그림이 중지되는 원인이 됩니다. IE에서 플레이 중입니다. W3C 표준은 href

2.a href="javascript:void(0);" onclick="js_method()"

에서 javascript 문을 실행하는 것을 권장하지 않습니다. 많은 웹사이트에서 일반적으로 사용되는 방법은 가장 포괄적인 방법이기도 합니다. onclick 방법은 js 함수를 실행하는 역할을 하며 void(0)은 unundefined를 반환하고 주소가 점프하지 않습니다. 그리고 이 메서드는 첫 번째 메서드처럼 js 메서드를 브라우저의 상태 표시줄에 직접 노출하지 않습니다.

3.a href="javascript:;" onclick="js_method()"

이 방법은 두 가지 방법과 유사하지만 유일한 차이점은 빈 js 코드가 실행된다는 것입니다.

4.a href="#" onclick="js_method()"

이 메소드도 인터넷에서 매우 흔한 코드입니다. #은 태그에 내장된 메소드로, 탑의 역할. 따라서 이 방법을 사용하여 웹페이지를 클릭하면 페이지 상단으로 돌아갑니다.

5.a href="#" onclick="js_method();return false;"

이 메서드는 js 함수를 실행하기 위해 클릭하면 false를 반환하며 페이지가 이동하지 않습니다. 여전히 페이지의 현재 위치에 있습니다.

타오바오 홈페이지를 보니 두 번째 방법을 사용하고 있는데, 알리바바 홈페이지는 첫 번째 방법을 사용하고 있는데, 각 href의 javascript 방식이 try , catch를 사용한다는 점이에요.

위 내용을 바탕으로 a에서 js 함수를 호출하는 가장 적절한 방법을 권장합니다.

코드 복사

코드는 다음과 같습니다.

a href="javascript:void(0);" onclick="js_method()"
a href=" javascript:;" onclick ="js_method()"
a href="#" onclick="js_method();return false;"