태그에서 자바스크립트 메소드를 호출하는 여러 가지 방법은 무엇입니까?

방법: 1. "6d844cae330c97f1c6dbd3acad7ecb4e" 문을 사용합니다. 2. "4b7cae992df811d6a50c40c3acf57971" 문을 사용합니다.

이 튜토리얼의 운영 환경: windows7 시스템, javascript1.8.5&&HTML5 버전, Dell G3 컴퓨터.

태그에서 자바스크립트 메소드를 호출하는 여러 가지 방법(예: 클릭 이벤트)

방법 1:

<a href="javascript:js_method();">

이것은 우리 플랫폼에서 일반적으로 사용되는 방법이지만 이 방법은 이를 통과하지 못합니다. 매개변수를 사용하면 잘못되기 쉬우며, javascript: 프로토콜을 a의 href 속성으로 사용하면 window.onbeforeunload 이벤트가 불필요하게 발생될 뿐만 아니라 IE에서 애니메이션 gif 이미지 재생. W3C 표준은 href

방법 2:

<a href="javascript:void(0);" onclick="js_method()">

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

방법 3:

<a href="javascript:;" onclick="js_method()">

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

방법 4:

<a href="#" onclick="js_method()">

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

방법 5:

<a href="#" onclick="js_method();return false;">

이 방법은 js 함수를 실행하기 위해 클릭한 후 false를 반환합니다. 페이지는 점프하지 않으며 실행 후에도 여전히 페이지의 현재 위치에 있습니다.

타오바오 홈페이지를 살펴보니 두 번째 방법을 사용하는 반면, 알리바바 홈페이지는 첫 번째 방법을 사용하고 있는데, 우리와 다른 점은 각 href의 자바스크립트 메소드가 try and catch로 둘러싸여 있다는 점입니다.

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

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

[관련 권장 사항: javascript 학습 튜토리얼]

위 내용은 태그에서 자바스크립트 메소드를 호출하는 여러 가지 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!