브라우저 객체 모델(Browser Object Model, BOM)은 자바스크립트를 사용하여 웹 브라우저의 동작을 제어하고 조작할 수 있는 API를 제공합니다. BOM을 활용하면 사용자가 웹 사이트에서 링크를 클릭했을 때 새 창이나 탭을 열 수 있습니다.
새 창 열기
새 창을 열기 위해서는 window.open() 메서드를 사용합니다. 이 메서드는 새로운 창에서 열려야 할 URL과 창의 속성을 인자로 받습니다.
window.open('http://www.example.com', '_blank', 'width=500,height=400');
위의 예제는 http://www.example.com 주소를 가진 새로운 창을 열고, 창의 너비는 500px, 높이는 400px로 설정합니다. _blank는 새로운 창에서 페이지를 열도록 지시하는 속성입니다.
새 탭 열기
새 탭을 열기 위해서는 window.open() 메서드를 사용하는 것과 동일하게 하지만, 두 가지 차이점이 있습니다. 첫째, window.open() 메서드는 암시적으로 새 창을 열도록 지시하는 _blank 매개변수 대신, 직접 이름을 지정해야 합니다. 둘째, 새 탭을 열려면 사용자의 브라우저 설정에 따라 일부 변경이 필요할 수 있습니다.
window.open('http://www.example.com', 'myTab');
위의 예제는 이름이 “myTab”인 새로운 탭을 열고, http://www.example.com 주소를 로드합니다. 만약 사용자의 브라우저 설정에서 새 탭이 새 창으로 열리도록 설정되어 있다면, 이 코드는 새 창을 열게 됩니다.
BOM을 사용하여 브라우저의 새 창 및 탭을 열 수 있다는 것은 웹 개발자에게 매우 유용한 기능입니다. 특히, 외부 링크나 다른 웹 사이트로의 연결을 처리할 때 적극적으로 활용할 수 있습니다.
Reference: