창 제어

window.open

  • 새 창을 생성하는 메서드

  • 브라우저는 대부분 탭을 지원하기 때문에 window.open은 새 창을 만

<!DOCTYPE html>
<html lang="ko">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
</head>
<body>
  <input type="button" value="첫번째 인자만" onclick="open1()">
  <input type="button" value="두번째 인자 _self" onclick="open2()">
  <input type="button" value="두번째 인자 _blank" onclick="open3()">
  <input type="button" value="두번째 인자 창 이름" onclick="open4()">
  <input type="button" value="두번째 인자 _blank 세번째 인자 크기 조절" onclick="open5()">
  <script>
    // 새 창에 열림 기본값 
    function open1() {
        window.open('https://www.naver.com');
    }
    // 현재 창에 열림
    function open2() {
        window.open('https://www.naver.com', '_self');
    }
    // 새 창에 열림 기본값 
    function open3() {
        window.open('https://www.naver.com', '_blank');
    }
    // 새 창에 열리고 이름을 지정 이미 있다면 그곳에 열림
    function open4() {
        window.open('https://www.naver.com', 'rtasd');
    }
    // 새 창의 크기도 함께 조절
    function open5() {
        window.open('https://www.naver.com', '_blank', 'width=200, height=200, resizable=yes');
    }
  </script>
</body>
</html>

PreviousNavigator 객체Next제어 대상 찾기

Last updated

Was this helpful?