onclick(온클릭) 링크 태그 새창, 팝업, 프레임

링크할 때 <a href="...."></a>를 쓰기도 하지만 자바스크립트 이벤트를 위해 onclick 태그를 사용하기도 합니다. 아래는 자바스크립트 이벤트 없이 onclick 링크로 새창, 팝업, 프레임을 띄우는 방법입니다.

onclick 태그

<div> 태그나 <button> 등 태그에 붙여넣습니다.

<button onclick="location.href='주소'">버튼</button>

<div onclick="location.href='주소'">버튼</div>

onclick 새창

<button onclick="window.open('주소')">버튼</button>

onclick 팝업창

팝업창에서는 팝업창 이름과 가로, 세로 넓이 그리고 status와 scrollbars 옵션을 설정해주면 됩니다.

<button onclick="window.open('주소','팝업창이름','width=400,height=500,location=no,status=no,scrollbars=no');">버튼</button>

onclick 프레임

<button onclick="프레임이름.location.href='주소'">버튼</button>

onclick 상위 프레임에서 열기

<button onclick="parent.location.href='address'">버튼</button>

함께 보면 좋은 글

티스토리에 파비콘 쉽게 넣어보자!🍓

hr 태그 css 100% 활용하기(색상, 두께, 점선)

onclick 링크 태그