href 점프 페이지를 차단하려면 태그에 클릭 이벤트를 추가하세요.

우리는 일반적으로 a 태그에서 클릭 이벤트를 사용합니다:
1. a href="javascript:js_method();"

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

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

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

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

이 방법은 2와 유사하지만 유일한 차이점은 라인은 js 코드로 실행됩니다.

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

이 메소드도 인터넷에서 많이 쓰이는 코드 # 내장된 메소드입니다. 태그에 는 top의 역할을 나타냅니다. 따라서 이 방법을 사용하여 웹페이지를 클릭하면 페이지 상단으로 돌아갑니다.

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;"

위 내용은 a 태그에 클릭 이벤트를 추가하여 href 점프 페이지를 차단하는 내용입니다. 자세한 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!