onclick 링크 (새창/팝업/현재창/프레임)

HTML

onclick 속성을 사용하여 링크를 이동하는 방법에 대해 기록해둔다.

1. 즉시 이동

<button onclick="location.href='https://naver.com'">네이버</button>

2. 새 창으로 열기

<button onclick="window.open('https://naver.com ')">네이버</button>

이후 언급되는 window.open() 인터페이스에 대해선 mdn에서 자세히 볼 수 있다.

3. 팝업으로 열기

<button onclick="window.open('https://naver.com', 'window_name', 'width=430, height=500, location=no, status=no, scrollbars=yes');">네이버</button>

마지막 width=430 같은 옵션 값은 mdn 문서의 Parameters 에서 windowFeatures를 참고해보면 더 많은 옵션을 확인할 수 있다.

4. 상위 프레임으로 열기

<button onclick="parent.location.href='https://naver.com'">네이버</button>

5. 프레임 지정해서 열기

<button onclick="타겟명.location.href='https://naver.com'">네이버</button>
HTMLonclick
블로그
프로젝트
스터디