Memeriksa Status Loading HTML Menggunakan readyState DOM
Properti readyState pada HTML digunakan untuk mengembalikan status loading dari dokumen saat ini, yang bersifat read-only.
Sintak:
document.readyState
Return Value: mengembalikan sebuah nilai string yang digunakan untuk mendefinisikan status dari dokumen saat ini.
Status pengembalian nilai diperlihatkan sebagai berikut:
 |
| Ilustrasi readyState DOM HTML |
Sebelum memahami lebih dalam materi tentang Memeriksa Status Loading HTML Menggunakan readyState DOM, terlebih dahulu pelajari materi tentang: querySelector DOM HTML dan Fungsinya [klik], Membuka Output Stream HTML Menggunakan Open DOM [klik], dan Menghapus Teks Kosong HTML Menggunakan normalizeDocument DOM [klik].
document.readyState
Baca Juga:
Status pengembalian nilai diperlihatkan sebagai berikut:
- uninitialized: proses tidak memulai loading.
- loading: proses sedang loading.
- loaded: proses telah melakukan loading.
- interactive: proses loading cukup untuk berinteraksi dengan user.
- complete: proses loading telah selesai.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>
Properti readyState DOM
</title>
<style>
h1
{
color:green;}
body
{
text-align:center;}
</style>
</head>
<body>
<h1>
Blog Elfan
</h1>
<h2>
Properti readyState DOM
</h2>
<button
onclick="dons()">
Submit
</button>
<p id="sudo"></p>
<script>
function dons()
{
var x = document.readyState;
document.getElementById("sudo").innerHTML = x;
}
</script>
</body>
</html>
Output:
Blog Elfan
Properti readyState DOM
Referensi Tambahan:
- 2 Sintak Penggunaan Properti strictErrorChecking DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti Title DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti URL DOM pada HTML [klik]
- 2 Contoh Penggunaan Method write() DOM pada HTML [klik]
- Cara Penggunaan Method writeln() DOM pada HTML [klik]
- 2 Contoh Penggunaan Properti accessKey DOM pada HTML [klik]
- 2 Contoh Penggunaan Method appendChild() DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Devina Rizky Wigustya Putri, Dewi Destina Rahmawati, Dhea Camelia Okta Shilla, Dian Novita Wulansari, dan Didan Asri Majid.
Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti readyState DOM pada html?
BalasHapusBerikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti readyState DOM pada HTML:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa fungsi dari properti readyState DOM pada HTML?
BalasHapusProperti readyState berfungsi untuk mengembalikan status loading dari dokumen saat ini.
HapusAda berapa kondisi dokumen yang akan muncul jika menggunakan properti readyState pada DOM HTML?
BalasHapusPenggunaan properti readyState pada DOM HTML dapat berupa salah satu dari tiga jenis dokumen, sebagai berikut:
Hapus1. Dokumen yang telah selesai dimuat.
2. Dokumen yang telah diuraikan tetapi sub-sumber daya seperti script, gambar, style, dan frame masih sedang dimuat.
3. Dokumen dan semua sumber daya yang telah selesai dimuai.