Javascript - div에 링크 거는 방법

div를 클릭했을 때 링크로 이동할 수 있도록 링크를 거는 방법에 대해서 알아보겠습니다.

1. 현재 창에서 링크 실행

div의 onclick 이벤트를 설정하여 div를 클릭할 때 링크를 실행하도록 합니다.

• "window.location.href = '<URL>'" : 현재 창에서 <URL>로 이동

<div id="my-div" onclick="window.location.href = 'https://www.naver.com'">현재 창에서 링크 실행</div>

2. 새 창에서 링크 실행

새 창에서 링크를 실행시키고 싶을 때는 onclick에 window.open()를 사용하여 링크를 추가합니다.

• "window.open('<URL>')" : 새 창에서 <URL> 열기

<div id="my-div" onclick="window.open('https://www.naver.com')">새 창에서 링크 실행</div>

3. Example