코드를 실행해 보면 팝업 버튼이 보입니다. 버튼을 클릭하면 popup() 함수가 호출되어 window 객체의 open() 메서드가 실행됩니다.

open() 메서드의 첫 번째 매개변수로 전달된 popup.html은 새 창에서 열릴 파일의 경로를 나타냅니다. 즉, popup.html 파일을 새로운 웹 브라우저 창에서 열라는 의미입니다.

두 번째 매개변수로 전달된 팝업은 새 창의 이름을 ‘팝업’이라고 지정하겠다는 뜻입니다. 단, 여기서의 이름은 웹 브라우저 탭에 보이는 이름이 아니고 open() 메서드로 열리는 창을 내부적으로 구분하는 용도로 사용하는 이름입니다. 요컨대, open() 메서드는 기본으로 이름이 같은 창은 1개만 열기 때문에 팝업 버튼을 여러 번 눌러도 1개의 창만 열립니다. 두 번째 매개변수를 빈 문자열('')로 설정하고 팝업 버튼을 눌러보면 그 차이점을 확실히 알 수 있습니다.

세 번째 매개변수는 새 창의 속성을 지정하는 값으로, 이 코드에서는 새 창의 너비를 200px, 높이를 100px로 지정합니다. 코드를 실행하고 팝업 버튼을 누르면 새로운 웹 브라우저 창이 가로 200px, 세로 100px 크기로 열립니다.