[Javascript] 클릭 시 url 페이지 띄우기(새 창, 새 탭)

1. 새 창에서 url 띄우기

// 새로운 창에서 url 열기
window.open('url 주소', 'newWindow');

 

2. 새 탭에서 url 띄우기

// 새 탭에서 url 열기
window.open('url 주소', '_blank');

 

3. <a> 태그 사용으로 새 창, 새 탭에서 열기

<a> 태그로는 새 창, 새 탭을 구분하여 열 수는 없다. 사용자의 브라우저 설정에 따른다.

<!-- 새 창 혹은 새 탭에서 url 열기 -->
<a href="url 주소" target="_blank" />

 

4. React에서 사용 시 

// 새 창에서 url 열기
<button onClick={() => {
	window.open('url 주소', 'newWindow');
}>

// 새 탭에서 url 열기
<button onClick={() => {
	window.open('url 주소', '_blank');
}>