A 태그에서의 this 인자 전달 - href, onclick

A 태그에서의 this 인자 전달 - href, onclick 

 

A(ahchor)태그에서 자바스크립트 함수를 호출하는 방법에는 2가지가 있다.

1. href="javascript:"

2. href="javascript:" onclick="";

 

하지만 href를 사용했을때는 undefined가 찍힌다. onclick을 이용하도록 한다.

 

예제 코드)

 

function callFunction(obj) {

  console.log($(obj).attr("attr-a"));

}

 

 <a href="javascript:callFunction(this);" attr-a="onclick : attr-a">javascript function</a>

 <a href="javascript:void(0);" onclick="callFunction(this);" attr-a="onclick : attr-a">onclick function</a>

 

 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 

<a href="#">   -> 현재 페이지를 가리킴. 호출시 페이지 상단으로 올라가는 단점이 있음.

<a href="javascript:;">  or <a href="javascript:void(0);"> -> 호출시 아무것도 안함. 상단으로 이동도 안함.