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>