document.readyState

JavaScript

by 폴리프레임 2025. 1. 8. 09:37

document.readyState는 문서의 현재 상태를 나타내는 속성입니다. 다음 세 가지 값이 있습니다:

여기서 "interactive", 즉 document.readyState === "interactive" 와 같은 속성으로 이벤트 핸들러에서 사용하는 "DOMContentLoaded" 가 있습니다.

if (document.readyState === "interactive" )
  doSomthing();

// 위와 같은 이벤트 리슨너
document.addEventListener("DOMContentLoaded", doSomething);

"DOMContentLoaded" 는 DOM이 준비된 즉시 doSomething() 함수를 호출합니다. 즉, 문서가 준비되면 JavaScript 코드를 실행할 수 있지만, 모든 리소스( 스타일시트와 이미지 등 )가 반드시 로드될 필요는 없습니다.

** 참고 **

.documentElement 속성

document.documentElement는 문서의 루트 요소(보통 <html> 요소)를 나타냅니다. 이는 문서 트리의 최상의 요소로, 문서의 전체 구조를 포함합니다.

URL 클래스, URL.createObjectURL() (0)	2025.02.09
Math.sin(), Math.sign() 의 차이 (0)	2024.12.25
mousemove, pointermove - EventListener (1)	2024.12.17
eslint 무시하기 (0)	2024.12.06
prop-type 팩키지 정리 - PropTypes (3)	2024.11.28

폴리프레임