[JS] Javascript로 페이지 이동 및 새 창, 새 탭 열기

1. window.location.href

URL을 변경하여 새로운 페이지로 이동할 수 있습니다.

• 특징: 현재 페이지를 새로운 URL로 변경하며, 뒤로 가기 버튼을 사용하면 이전 페이지로 돌아갈 수 있음

window.location.href = '이동할 URL';

 

 

2. window.location.replace

기존 페이지를 새로운 페이지로 대체합니다.

• 특징: 기록을 남가지 않기 떄문에 뒤로 가기 버튼을 사용할 수 없음

window.location.replace('대체할 URL');

 

 

3. window.location.assign

href와 유사하지만 명확하게 새로운 페이지를 로드하는 기능을 수행합니다.

• 특징: href와 비슷하게 작동

window.location.assign('로드할 URL');

 

 

4. window.open

새 창이나 새 탭에서 페이지를 열 수 있습니다.

• 특징: 새 창을 열 때 옵션을 설정할 수 있어서 유용, _blank를 지정하면 새 탭으로 열 수 있음

// 기본
window.open('새로 여는 URL');

// 옵션
window.open('새로 여는 URL', '_blank', 'width=800,height=600');