[DOM_Document] JS - readyState 속성 - 현재웹문서 로딩상태 반환 (= readyState속성 = 레디스테이트속성)

1. readyState 예제 - 웹문서 로딩상태 반환
2. readyState 정의
3. readyState 구문

readyState 예제 - 웹문서 로딩상태 반환 

 

<button onclick="homzzang()">클릭</button>

<p id="demo"></p>

<script>

function homzzang() {

  var x = document.readyState;

  document.getElementById("demo").innerHTML = x;

}

</script>

 

결과보기 (※ 결과값: complete)

PS. 관련글: (190917) https://sir.kr/qa/323614

readyState 정의

 

현재 웹문서의 로딩 상태 반환.

 

---

 

1.

• document 객체에 속함.
• 읽기 전용 속성임.

2. cf.

AJAX readyState 속성 - 아작스 요청 준비 상태 반환.

 

3.

IE11 이상 주요 최신 브라우저 모두 지원.

 

readyState 구문

 

document.readyState

 

---

[반환값]

 

현재 웹문서 로딩 상태를 나타내는 문자열 반환. (가능값 종류 3가지)

• loading - 문서가 로딩 중인 상태. (이 경우, DOMContentLoaded 이벤트 포함한 다른 이벤트들은 아직 발생 X)
• interactive - 문서의 모든 HTML은 로딩이 완료되었지만, 외부 리소스 (이미지, 스타일시트 등)는 아직 로딩 중인 상태. (이 상태에서는 DOMContentLoaded 이벤트가 발생함.)
• complete - 문서 로딩 완료 상태. (이 때, load 이벤트가 발생함.)