더북(TheBook)

11.4.3 웹 브라우저에서 새 창 제어하기

window 객체의 open() 메서드는 웹 브라우저에서 새로운 창을 여는 데 사용합니다. open() 메서드는 매개변수로 창의 경로, 이름, 속성을 전달받습니다.

형식

window.open(경로, 이름, 속성);

button 태그를 클릭했을 때 popup.html 파일이 새 창에서 열리게 하고 싶다면 open() 메서드를 다음과 같이 사용합니다.

11/04/open.html

<body>
  <button onclick="popup()">팝업</button>
  <script>
    function popup(){
      window.open('popup.html', '팝업', 'width=200, height=100');
    }
  </script>
</body>

그림 11-11 실행결과

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.