[JS] onclick 이용해서 링크걸기, 이벤트 걸기

안녕하세요 html 요소에 a태그 없이 onclick이벤트를 이용해서 링크 거는방법, 이벤트 거는 방법 소개합니다.

 

 

구조

 

링크 방법 

<div onclick="window.open('링크주소')"></div>

 

이벤트 방법

<div onclick="event()"></div>

 

 

두가지 구조가있는데 위 방법은 링크주소 쪽에 링크걸 주소를 입력하면 div에 링크가 걸립니다.

밑방법은 클릭시에 event()라는 함수를 불러옵니다.

 

html부분

 

<div class="box1" onclick="window.open('https://naver.com')">1번 박스</div>
<div class="box2" onclick="click2()">2번 박스</div>

2개의 div 태그를 각각 onclick 이벤트를 넣어주었습니다.

1번박스는 네이버링크, 2번박스를 click2()함수 이벤트를 넣었습니다.

 

js부분

<script>
function click2(){
  alert('2번 박스 이벤트입니다.');
}
</script>

 

script에 click2 함수를 alert 창을 띄우게 설정하였습니다.