HTML DOM readyState Property

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>w3wiki</h1>
    <h2>DOM readyState Property</h2>
    <button onclick="Beginner()">Submit</button>
    <p id="sudo"></p>
    <script>
        function Beginner() {
            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

Tags:

#HTML-DOM #Web technologies #HTML #Web Technologies

HTML DOM console groupEnd() Method

HTML DOM Location host Property

HTML DOM readyState Property

HTML

Contact Us