[JavaScript] BOM : window 객체

2023. 4. 17. 00:12·JavaScript
728x90
728x90

window 객체

  - 브라우저 창이 열릴 때마다 하나씩 만들어지는 객체

  - 브라우저 창 안에 존재하는 모든 요소의 최상위 객체

 

 


#  새 창 열기

window.open("URL", "새창이름", "옵션1, 옵션2, ...");

 

  - "새 창 이름"이 동일하면 하나만 표시됨

      → 여러 팝업을 띄우러면 팝업명을 서로 다르게 설정해야 함

 

  [옵션]

      1) 크기 

          - width : 너비

          - height : 높이

      2) 위치

          - left : 수평 위치

          - top : 수직 위치

      3) scrollbars

          : 스크롤바 숨김(no) or 노출(yes) 설정

      4) location

          : URL 주소 입력 영역의 숨김(no) or 노출(yes) 설정

      5) status

          : 상태 표시줄 영역의 숨김(no) or 노출(yes) 설정

      6) toolbars

          : 도구 상자 영역의 숨김(no) or 노출(yes) 설정

 

 


#  브라우저 창 닫기

window.close();

 

 


#  새 창의 위치 이동

moveTo(x, y);

 

#  새 창의 크기 변경

resizeTo(너비, 높이);

 

 


#  일정한 시간 간격으로 함수를 여러 번 호출

setInterval( function() { 코드 }, 시간간격 );

 

#  setInterval() 실행 중단

clearInterval( setInterval변수 );

 

#  일정한 시간 간격으로 함수를 한 번 호출

setTimeout( function() { 코드 }, 시간간격 );

 

  - 단위 : ms (밀리세컨드)

 

 

320x100
반응형
저작자표시 비영리 변경금지 (새창열림)

'JavaScript' 카테고리의 다른 글

[JavaScript] BOM : location 객체  (0) 2023.04.17
[JavaScript] BOM : screen 객체  (0) 2023.04.17
[JavaScript] 날짜 객체 (Date)  (0) 2023.04.16
[JavaScript] 문자열 객체 (String)  (0) 2023.04.16
[JavaScript] 배열 객체 (Array)  (0) 2023.04.16
'JavaScript' 카테고리의 다른 글
  • [JavaScript] BOM : location 객체
  • [JavaScript] BOM : screen 객체
  • [JavaScript] 날짜 객체 (Date)
  • [JavaScript] 문자열 객체 (String)
스응
스응
    반응형
    250x250
  • 스응
    이서영의 개발 블로그
    스응
  • 전체
    오늘
    어제
  • 글쓰기 관리
    • 분류 전체보기 (385)
      • Java (134)
        • Base (54)
        • Spring Boot (37)
        • JSP (16)
        • Swing (GUI) (20)
        • Design Pattern (7)
      • C# (13)
      • PHP (18)
      • SQL (27)
      • Vue.js (9)
      • Tailwind CSS (4)
      • TypeScript (7)
      • HTML & CSS (27)
      • JavaScript (26)
      • jQuery (10)
      • Android (3)
      • - - - - - - - - - - - - - - (0)
      • Hotkeys (5)
      • CS (30)
      • IT Notes (13)
      • Error Notes (17)
      • Team Project (24)
        • Airlines Web Project (12)
        • University Web Project (6)
        • Strikers 1945 GUI Project (6)
      • My Project (18)
        • Library Web Project (8)
        • Pet Shopping Mall GUI Project (10)
      • etc. (0)
  • 블로그 메뉴

    • Home
    • Write
  • 링크

    • 깃허브
  • 공지사항

  • 인기 글

  • 태그

    SWAGGER
    개발일지
    C#
    Swing
    js
    CSS
    HTML
    cs
    tailwindcss
    Wordpress
    Hotkeys
    errorNote
    http
    jQuery
    티스토리챌린지
    typeScript
    git
    Android
    jsp
    SpringBoot
    SEO
    오블완
    SQL
    java
    php
    면접
    vuejs
    Codeigniter
    zapier
  • 최근 댓글

  • hELLO· Designed By정상우.v4.10.0
스응
[JavaScript] BOM : window 객체
상단으로

티스토리툴바