목차
- readyState 예제 - 웹문서 로딩상태 반환
- readyState 정의
- 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 이벤트가 발생함.)