The readyState property in HTML is used to return the loading status of the current document. This property is used for read-only.
Syntax:
document.readyState
Return Value: It returns a string value which is used to define the status of the current document. The one of five status are listed below:
- uninitialized: Process does not start loading.
- loading: Process is loading.
- loaded: Process has been loaded.
- interactive: Process loading is enough to interact with the user.
- complete: Process fully loaded.
Example: In this example, we will use readyState property.
HTML
<!DOCTYPE html><html>
<head>
<title>DOM readyState Property</title>
<style>
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>DOM readyState Property</h2>
<button onclick="Geeks()">Submit</button>
<p id="sudo"></p>
<script>
function Geeks() {
let x = document.readyState;
document.getElementById("sudo").innerHTML = x;
}
</script>
</body>
</html>
|
Output:
Supported Browsers: The browser supported by DOM readyState Property are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer 11
- Firefox 3.6
- Opera 11
- Safari 1