[트러블슈팅, JS] - 버튼 클릭 시 페이지 이동

22.09.04 기록
에러는 아니지만 새로 알게 된 내용이라 정리

버튼 클릭 시 페이지 이동

결론: window.location.href = "주소";

---

✅ 설명

링크

window.location.href는 현재 페이지의 URL을 리턴한다.
window.location.href에 다른 URL을 값으로 할당해 주는 방식으로 페이지 이동을 할 수 있다.

<button id="exit" onclick="exitMeeting()">
    <span class="material-icons">exit_to_app</span>
</button>


function exitMeeting() {
    window.location.href = "/"
}

버튼에는 onclick 이벤트로 exitMeeting() 함수를 지정해 주고, exitMeeting() 함수는 메인 페이지로 이동하는 기능을 줬다.

추가로 새 창에서 페이지를 열고 싶으면, window.open("주소"); 를 사용하자!