DOM

settings_applicationsEventTarget  >   settings_applicationsWindow  >   settings_applicationswindow

DOM

  • account_tree
  • bug_report

Properties

설명

window 전역 객체가 만들어지면 작동에 필요한 모든 함수, 객체, 변수들이 포함되어진다. 따라서 이러한 데이터들은 window 전역 객체의 프로퍼티로의 형식을 가지게 된다. window는 코드상에서 생략이 될 수 있다는 것을 염두해 두길 바란다. 그래서 의미는 없지만 전역 변수인지 window 객체의 프로퍼티인지를 구분하기가 어렵기도 하다.

하위 트리 탐색

  • visualViewport

    • Properties

      • height

        시각적 뷰포트의 높이를 CSS 픽셀 단위로 조회한다.

      • offsetLeft

        레이아웃 뷰포트의 왼쪽 가장자리에서 시각적 뷰포트 왼쪽 가장자리 오프셋을 CSS 픽셀 단위로 조회한다.

      • offsetTop

        레이아웃 뷰포트의 위쪽 가장자리에서 시각적 뷰포트 위쪽 가장자리 오프셋을 CSS 픽셀 단위로 조회한다.

      • pageLeft

        시각적 뷰포트 왼쪽 가장자리의 x 좌표를 CSS 픽셀로 조회한다.

      • pageTop

        시각적 뷰포트 위쪽 가장자리의 y 좌표를 CSS 픽셀로 조회한다.

      • scale

        시각적 뷰포트에 적용된 핀치 줌(pinch-zoom) 배율을 조회한다.

      • width

        시각적 뷰포트의 폭을 CSS 픽셀 단위로 조회한다.

    • Event Handlers

      • onresize

        창(window) 크기가 변경될 때 발생한다. 일반적으로 뷰포트 크기 변경이 있는 경우 발생한다.

      • onscroll

        요소가 스크롤 될 때 발생한다.

  • window

    지정된 창의 window 객체를 참조한다.

  • closed

    참조한 창이 닫혔는지 여부를 boolean으로 조회한다.

  • console

    • Methods

      • dir()

        인수로 지정된 객체의 특성에 대한 트리 구조로 탐색할 수 있다.

      • log()

        인수로 지정된 객체 또는 변수를 콘솔에 출력한다.

  • customElements

    • Methods

      • define()

        새로운 사용자 지정 요소를 정의한다.

      • get()

        사용자 지정 요소의 생성자를 반환한다. 그러한 요소가 없는 경우 undefined를 반환한다.

      • upgrade()

        사용자 지정 요소가 자신의 shadow root에 연결되기 전에 직접 업그레이드 한다.

  • devicePixelRatio

    현재 표시 장치의 물리적 픽셀과 CSS 픽셀의 비율을 조회한다.

  • document

    • Properties

      • activeElement

        현재 문서에서 포커스를 가진 DOM 내의 요소를 참조한다.

      • adoptedStyleSheets

        현재 문서에서 사용될 구성된 스타일시트 배열을 설정하거나 조회한한다.

      • body

        현재 문서의 <body> 요소를 나타내는 HTMLBodyElement 객체를 참조한다.

      • characterSet

        현재 문서의 문자 인코딩을 조회한다.

      • childElementCount

        현재 문서의 하위 요소의 개수를 조회한다.

      • children

        현재 문서의 모든 자식 요소를 포함한는 라이브 상태의 HTMLCollection을 조회한다.

      • compatMode

        현재 문서가 쿼크(quirks) 모드 또는 표준 모드에서 렌더링되는지의 여부를 나타낸다.

      • contentType

        현재 문서의 MIME 유형을 조회한다.

      • cookie

        현재 문서와 관련된 쿠키(cookie)를 조회하거나 설정한다.

      • currentScript

        현재 문서에 처리중이며 자바스크립트 모듈이 아닌 <script> 요소를 나타내는 HTMLScriptElement 객체로 참조한다.

      • defaultView

        현재 문서에 연결된 window 객체를 참조한다.

      • designMode

        전체 문서를 편집할 수 있는 여부를 'on' 또는 'off'로 제어한다.

      • dir

        문서의 텍스트 방향을 조회하거나 설정한다.

      • doctype

        현재 문서와 연관된 DTD(Document Type Precent)를 조회한다.

      • documentElement

        문서의 루트 요소인 HTMLElement 객체를 참조한다.

      • documentURI

        현재 문서의 위치를 문자열로 조회한다.

      • embeds

        현재 문서 내의 <embed> 요소를 나타내는 모든 HTMLEmbedElement 객체를 포함한 HTMLCollection 객체를 참조한다.

      • firstElementChild

        현재 문서의 첫 번째 자식 요소를 참조한다

      • fonts

        현재 문서의 FontFaceSet 객체를 참조한다.

      • forms

        현재 문서 내의 <form> 요소를 나타내는 모든 HTMLFormElement 객체를 포함하는 HTMLCollection을 참조한다.

      • fullscreenElement

        현재 문서에서 전체 화면 모드로 표시되는 요소를 조회한다. 전체 화면 모드가 아닌 경우 null을 갖는다.

      • fullscreenEnabled

        현재 문서에서 전체 화면 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.

      • head

        현재 문서의 <head> 요소를 나타내는 HTMLHeadElement 객체를 참조한다.

      • hidden

        현재 문서가 숨겨져 있는지 여부를 불리언(boolean)으로 조회한다.

      • images

        현재 문서 내의 <img >요소를 나타내는 모든 HTMLImageElement 객체를 포함한 HTMLCollection 객체를 참조한다.

      • implementation

        현재 문서와 연결된 DOMImplementation 객체를 참조한다.

      • lastElementChild

        현재 문서의 마지막 자식 요소를 참조한다

      • lastModified

        현재 문서가 마지막으로 수정된 날짜와 시간을 포함하는 문자열을 조회한다.

      • links

        현재 문서 내의 href 애트리뷰트를 가진 <a>, <area> 요소를 나타내는 각각의 모든 HTMLAnchorElement, HTMLAreaElement 객체를 포함하는 HTMLCollection을 참조한다.

      • location

        현재 문서에 대한 URL을 다루는 Location 객체를 참조한다.

      • pictureInPictureElement

        현재 문서에서 PIP 모드로 표시되는 요소를 조회한다. 해당되지 않는 경우 null을 갖는다.

      • PictureInPictureEnabled

        현재 문서에서 PIP 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.

      • plugins

        현재 문서 내의 <embed> 요소를 나타내는 모든 HTMLEmbedElement 객체를 포함한 HTMLCollection 객체를 참조한다.

      • pointLockElement

        현재 문서에서 포인터가 잠겨있는 동안 마우스 이벤트의 대상으로 설정된 요소를 참조한다.

      • readyState

        문서의 로드 상태를 나타낸다.

      • referrer

        현재 페이지에 연결된 이전 페이지의 URL을 조회한다.

      • scripts

        현재 문서 내의 <script> 요소를 나타내는 모든 HTMLScriptElement 객체를 포함한 HTMLCollection 객체를 참조한다.

      • scrollingElement

        현재 문서를 스크롤하는 요소를 참조한다.

      • styleSheets

        현재 문서에 명시적으로 연결되었거나 문서에 포함된 스타일시트를 나타내는 CSSStyleSheet 객체의 목록을 다루는 StyleSheetList 객체를 참조한다.

      • timeline

        현재 문서의 기본 타임라인을 나타내는 DocumentTimeline 객체의 인스턴스를 참조한다.

      • title

        현재 문서의 제목(<title>)을 조회하거나 설정한다.

      • URL

        현재 문서의 위치를 조회한다.

      • visibilityState

        현재 문서의 가시성 상태를 조회한다.

    • Methods

      • adoptNode()

        현재 문서로 다른 문서에 있는 지정된 노드를 전송한다.

      • append()

        현재 문서 하위의 맨 끝에 지정된 노드를 추가한다.

      • close()

        Document.prototype.open() 메소드로 열린 현재 문서의 쓰기를 완료한다.

      • createAttribute()

        새로운 Attr 객체를 생성한다.

      • createAttributeNS()

        네임스페이스 URI를 지정하여 새로운 Attr 객체를 생성한다.

      • createCDATASection()

        새로운 CDATA 섹션 노드를 생성한다.

      • createComment()

        새로운 주석 노드를 생성한다.

      • createDocumentFragment()

        현재 DOM 트리에 영향을 주지 않는 문서 조각으로 사용될 새로운 DOM 트리를 생성한다. 

      • createElement()

        지정된 태그 명으로 새로운 Element 객체를 생성한다.

      • createElementNS()

        지정된 네임스페이스 URI와 정규화된 이름으로 요소를 생성한다.

      • createEvent()

        지정된 유형의 이벤트를 생성한다.

      • createNodeIterator()

        현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 새로운 NodeIterator 객체를 반환한다.

      • createProcessingInstruction()

        새로운 ProcessingInstruction 노드를 생성한다.

      • createRange()

        새로운 Range 객체를 생성한다.

      • createTextNode()

        새로운 Text 노드 객체를 생성한다.

      • createTreeWalker()

        현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 트리 내의 노드를 다루는 TreeWalker 객체를 반환한다.

      • elementFromPoint()

        뷰포트(viewport)를 기준으로 지정된 좌표에서 최상위 요소를 반환한다.

      • elementsFromPoint()

        뷰포트(viewport)를 기준으로 지정된 좌표에 있는 모든 요소를 배열로 반환한다.

      • exitFullscreen()

        현재 문서의 요소가 전체 화면 모드로 표시될 때 원래 화면 모드로 복원한다.

      • exitPictureInPicture()

        현재 문서에서 PIP 모드로 보여지는 미디어 요소를 원래 모드로 복원한다.

      • exitPointerLock()

        현재 문서에 포인터 잠금이 지정된 경우 비동기적으로 해제한다.

      • getAnimations()

        현재 문서의 하위 요소에 연결된 유효한 모든 Animation 객체의 배열을 반환한다.

      • getElementById()

        현재 문서 내의 하위 요소들에 대하여 지정된 id 애트리뷰트를 갖는 요소를 찾아 반환한다.

      • getElementsByClassName()

        현재 문서 내의 하위 요소들에 대하여 지정된 class 애트리뷰트를 갖는 요소들을 모두 찾아 HTMLCollection으로 반환한다.

      • getElementsByName()

        현재 문서 내의 하위 요소들에 대하여 지정된 name 애트리뷰트를 갖는 요소들을 모두 찾아 NodeList으로 반환한다.

      • getElementsByTagName()

        현재 문서 내의 하위 요소들에 대하여 지정된 태그 이름을 갖는 요소들을 모두 찾아 HTMLCollection으로 반환한다.

      • getSelection()

        현재 문서에서 사용자가 선택한 텍스트의 범위를 가진 Selection 객체를 반환한다.

      • hasFocus()

        현재 문서 또는 문서 내부의 요소에 포커스(focus)가 있는지를 나타내는 불리언(boolean)을 반환한다.

      • hasStorageAccess()

        현재 문서가 분할되지 않은 쿠키(cookie)에 엑세스할 수 있는지 여부를 불리언(boolean)으로 확인하는 Promise 객체를 반환한다.

      • importNode()

        현재 문서에 삽입할 수 있는 다른 문서의 Node 객체 또는 DocumentFragment 객체의 복사본을 생성한다.

      • open()

        현재 문서에 Document.prototype.write() 메소드를 사용하여 새로 쓰기 위해 문서를 연다.

      • prepend()

        현재 문서의 첫 번째 자식 앞에 Node 객체 또는 문자열 세트 집합을 추가한다.

      • querySelector()

        현재 문서내의 Element 객체를 대상으로 지정된 CSS 선택기 세트와 첫 번째로 일치하는 요소를 반환한다.

      • querySelectorAll()

        현재 문서내의 Element 객체를 대상으로 지정된 CSS 선택기 세트와 일치하는 모든 요소를 NodeList로 반환한다.

      • replaceChildren()

        현재 문서의 기존 하위 노드를 지정된 새 노드로 대체한다.

      • requestStorageAccess()

        로드된 현재 문서가 분할되지 않은 쿠키에 대한 접근을 요청한다.

      • write()

        document.open() 메소드로 열린 현재 문서 스트림(stream)에 지정된 텍스트 문자열을 작성한다.

      • writeln()

        document.open() 메소드로 열린 현재 문서 스트림(stream)에 끝에 개행이 포함된 지정된 텍스트 문자열 작성한다.

  • event

    현재 처리중인 Event를 조회한다.

  • frameElement

    문서내 <iframe>이나 <object>처럼 window를 포함한 요소를 조회한다.

  • frames

    현재 문서 내에 포함된 프레임의 window를 원소로 갖는 유사 배열을 조회한다.

  • history

    • Methods

      • back()

        웹브라우저 세션 기록의 바로 이전 페이지로 이동하도록 한다. history.go(-1)과 같다. 이전 페이지가 없는 경우 아무 동작도 발생하지 않는다.

      • forward()

        세션 기록의 바로 앞 페이지로 이동하는 비동기식 메소드이다.

      • go()

        웹브라우저가 가지고 있는 세션 탐색 이력을 기준으로 현재 페이지를 전환한다.

      • pushState()

        웹브라우저의 세션 기록 스택에 상태를 추가한다.

      • replaceState()

        세션 기록 스택의 제일 최근 항목을 주어진 데이터, 지정한 제목 및 URL로 대체한다. 데이터는 DOM이 불투명(opaque)하게 취급하므로 직렬화가 가능한 모든 JavaScript 객체를 사용할 수 있다.

    • Properties

      • length

        현재 페이지를 포함해 세션 기록의 길이를 정수로 조회한다.

      • scrollRestoration

        기록 탐색시 스크롤 위치 복원 여부를 명시한다. 가능한 값은 auto와 manual이다.

      • state

        기록 스택 최상단의 state를 나타내는 값을 조회한다. popstate 이벤트를 기다지리 않고 현재 기록의 state를 확인할 수 있다.

  • innerHeight

    창의 수평 스크롤바의 높이를 포함한 뷰포트 높이를 픽셀 단위로 조회한다.

  • innerWidth

    창의 수직 스크롤바의 폭을 포함한 뷰포트의 너비를 픽셀 단위로 조회한다.

  • length

    현재 창의 <iframe> 요소의 수를 조회한다.

  • localStorage

    • Methods

      • clear()

        저장소의 모든 키를 저장소에서 제거한다.

      • getItem()

        인수로 주어진 키에 연결된 값을 반환한다.

      • key()

        인수로 주어진 n에 대하여 저장소의 n 번째 항목의 키를 반환한다.

      • removeItem()

        인수로 주어진 키를 저장소에서 제거한다.

      • setItem()

        인수로 주어진 키와 값을 새로 저장하거나 재설정한다.

    • Properties

      • length

        Storage 객체에 저장된 데이터 항목의 개수를 조회한다.

  • location

    • Methods

    • Properties

      • hash

        '#' 문자 뒤 URL의 프래그먼트 식별자를 조회할 수 있다.

      • host

        URL에서 호스트 부분을 값으로 하는 DOMString이며 호스트명', :', 포트 번호를 포함하여 조회할 수 있다.

      • href

        완전한 URL을 값으로 하는 DOMString을 조회한다. 설정을 하는 경우에는 연결된 문서가 설정된 URL로 이동이 된다.

      • origin

        지정한 장소에 유래된 표준 형태의 값을 조회할 수 있다.

      • password

        도메인 이름 이전에 명시된 비밀번호를 조회할 수 있다.

      • pathname

        '/' 문자 뒤 URL의 경로를 조회할 수 있다.

      • port

        URL의 포트 번호를 조회할 수 있다.

      • protocol

        URL에서 프로토콜 부분을 값으로 하는 DOMString이며 ':'도 포함하여 조회할 수 있다.

      • username

        도메인 이름 이전에 명시된 사용자 명을 조회한다.

  • locationbar

    가시성을 확인할 수 있는 웹브라우저의 위치 표시줄(URL 주소 입력) 객체를 참조한다.

  • menubar

    가시성을 확인할 수 있는 웹브라우저의 메뉴바 객체를 참조한다.

  • name

    창의 이름을 조회하거나 설정한다. name 속성은 하이퍼링크를 열거나 Form을 전송할 때 대상(target)으로 사용된다.

  • navigator

    • Properties

      • userAgent

        접속 중인 웹브라우저의 사용자 에이전트 문자열을 조회한다.
  • opener

    window.open() 메소드를 사용하여 창을 열거나 target이 지정되어 있는 링크를 통해 창을 열었을 경우 창을 열어준 창의 window 객체의 참조를 조회한다.

  • outerHeight

    웹브라우저의 인터페이스가 포함된 전체 창 높이를 조회한다.

  • outerWidth

    웹브라우저의 인터페이스가 포함된 전체 창 폭을 조회한다.

  • pageXOffset

    수평 방향으로 스크롤 크기를 조회하는 scrollX의 별칭이다.

  • pageYOffset

    수평 방향으로 스크롤 크기를 조회하는 scrollY의 별칭이다.

  • parent

    현재 창의 부모 창의 window 객체를 참조한다.

  • screen

    • Methods

    • Properties

  • screenLeft

    웹브라우저의 좌측이 장치의 스크린에서 왼쪽으로 부터 떨어진 거리를 픽셀로 조회한다.

  • screenTop

    웹브라우저의 상단이 장치의 스크린에서 위쪽으로 부터 떨어진 거리를 픽셀로 조회한다.

  • screenX

    screenLeft의 별칭이다.

  • screenY

    screenTop의 별칭이다.

  • scrollX

    스크롤시 수평 방향 위치값을 픽셀 단위로 조회한다.

  • scrollY

    스크롤시 수직 방향 위치값을 픽셀 단위로 조회한다.

  • self

    현재 창 자신의 window 객체를 참조한다. 

  • sessionStorage

    • Methods

      • clear()

        저장소의 모든 키를 저장소에서 제거한다.

      • getItem()

        인수로 주어진 키에 연결된 값을 반환한다.

      • key()

        인수로 주어진 n에 대하여 저장소의 n 번째 항목의 키를 반환한다.

      • removeItem()

        인수로 주어진 키를 저장소에서 제거한다.

      • setItem()

        인수로 주어진 키와 값을 새로 저장하거나 재설정한다.

    • Properties

      • length

        Storage 객체에 저장된 데이터 항목의 개수를 조회한다.

  • status

    웹브라우저 하단의 상태 표시줄에 텍스트를 설정하거나 조회할 수 있다.

  • statusbar

    웹브라우저의 상태 표시줄의 가시성을 토글할 수 있는 상태 표시줄 객체를 참조한다.

  • toolbar

    웹브라우저의 도구 모음 가시성을 확인하는 데 사용할 수 있는 도구 모음 객체를 참조한다.

  • top

    창의 계층에서 최상위 창에 대한 window 객체를 참조한다.

지원 웹브라우저