href에서 자바스크립트를 호출하는 방법

Href javascript 호출 방법: 1. "" 방법을 통해 2. "

이 기사의 운영 환경: Windows 7 시스템, javascript 버전 1.8.5, DELL G3 컴퓨터

href로 javascript를 호출하는 방법은 무엇입니까?

HTML에서 태그의 href 속성은 하이퍼링크 대상의 URL을 지정하는 데 사용됩니다.

예는 다음과 같습니다.

<p>
<a href="/index.html">本文本</a> 是一个指向本网站中的一个页面的链接。</p>
<p><a href="http://www.microsoft.com/">本文本</a> 是一个指向万维网上的页面的链接。</p>

JS에서 태그가 코드를 호출할 때 여러 가지 방법이 있습니다.

방법 1:

<a href = "javascript:js_method()">文本</a>

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

방법 2:

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

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

방법 3:

<a href = "javascript:;" onclick = "js_merthod()">文本</a>

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

방법 4:

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

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

방법 5:

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

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

추천 학습: "javascript 고급 튜토리얼"

위 내용은 href에서 자바스크립트를 호출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!