[JavaScript] 페이지 이동 window.open()과 location.href 의 차이점

 

window.open() 메서드와 location.herf 속성은 둘 다 JavaScript에서 웹 페이지의 동작을 제어하는 데 사용되지만 아래와 같은 차이점이 있다.

 

---

 

차이점	window.open() 메서드	location.href 속성
객체	최상위 객체의 메서드 (※1)	하위 객체의 속성 (※1)
목적	새로운 브라우저 창이나 탭을 열 때 주로 사용 (※2)	현재 창의 URL을 변경하여 페이지를 이동하거나 새로고침할 때 주로 사용
특징	새로 열리는 창의 JavaScript 객체에 대한 참조를 반환	브라우저의 이동 히스토리를 관리

 

---

 

※1

window는 최상위 객체이고 브라우저 객체 모델(BOM)과 문서 객체 모델(DOM)으로 나뉜다.

location은 브라우저 객체 모델(BOM)의 하위 객체중 하나이다.

window
BOM(Browser Object Model)				DOM(Document Object Model)
location	navigator	history	screen	document

 

※2

window.open 함수의 두 번째 매개변수에는 타겟(target)이 지정되는데 _self를 사용하면 현재 창에서 열 수는 있다.

 

 

참조
Window: open() method
https://developer.mozilla.org/en-US/docs/Web/API/Window/open
Location: href property
https://developer.mozilla.org/en-US/docs/Web/API/Location/href

 

---

글 내용 중 잘못된 부분이 있거나, 첨부하실 내용이 있으시면 댓글로 남겨주세요. 공부하는데 많은 도움이 됩니다.
-- 기억의 유효기간은 생각보다 짧다. --