자바스크립트 새 창/새 탭으로 페이지 이동하기

올바른 이해와 사용 방법

자바스크립트에서 새 창이나 새 탭으로 페이지를 열려면 window.open() 메서드를 사용합니다.
이때, 매개변수에 열어야 할 URL을 문자열로 지정합니다.

자바스크립트로 현재 페이지를 유지한 채 다른 URL로 이동할 때 활용합니다.

구문

예제

버튼 클릭 시 이동하기 onclick 속성으로 버튼을 클릭했을 때, 새 창/새 탭으로 페이지 이동시키기

<button type="button" onclick="window.open('https://example.com')">onclick 속성으로 이동하기</button>

버튼 클릭 시 이동하기 addEventListener() 메서드로 버튼을 클릭했을 때, 새 창/새 탭으로 페이지 이동시키기

<button type="button" id="href-btn">addEventListener() 메서드로 이동하기</button>

<script>
    const hrefBtn = document.getElementById("href-btn");
    hrefBtn.addEventListener("click", () => {
        window.open("https://example.com");
    });
</script>