[JS] HTML <a>태그에서 JS로 alert 띄우기

주로 HTML 코드에서 JS를 불러오는건 onclick=function() 식으로 호출을 많이 했었는데,
a 태그에서도 js를 바로 불러올 수 있다.
사실 그럴 일이 많이 없었지만, 필요시에는 유용하게 쓰이는것을 발견
HTML a 태그에서 JS 함수 및 기능들을 불러오는 다양한 방법들을 알아보자

1. 필요 코드 레어로 쓰기

<a href="javascript:alert('alert message')">

 

어떻게 보면 가장 쉽고, (오늘 나를 구원해준) 간단하고 유용한 코드!
javascript:라고 써주면 html 내의 href 코드에도 잘 녹아들어가서
일반적인 a태그 내부에 href="https://www.test.com"과 같이 url 주소와 겸용해서 쓰기 좋다.

 

 

2. 함수로 호출하기

<a href="javascript:customAlert()">

...
<script>
function customAlert(){
    alert('alert message')
}
</script>

 

클래식하다.

 

---

 

나의 경우 코드상 꼭 a태그를 써서 js를 호출하는건 다른 url과 동적으로 겸용해야하는 경우가 많을것같은데,
그런 경우에는 아무래도 1번이 가장 편하다.