Document. How to use and listen for readyState

Document.readyState How to use and listen

Document. readyState There are three states

• loading： The document is still loading
• interactive： The body of the document has been loaded , But attached pictures 、js、css What's still loading
• complete： Loading complete

Listening usage

document.onreadystatechange = event => {
    
	console.log(event)
	console.log(document.readyState)
}

When document When the state changes , Will trigger docuemnt.onreadstatechange event , The contents of this event are as follows ：

document.onreadystatechange = event => {
    
   console.log(event.timeStamp, document.readyState)
}

You can see the event changes corresponding to the time ：