Lompat ke konten Lompat ke sidebar Lompat ke footer

Memeriksa Status Loading HTML Menggunakan readyState DOM

Properti readyState pada HTML digunakan untuk mengembalikan status loading dari dokumen saat ini, yang bersifat read-only.

Cara Penggunaan Properti readyState DOM pada HTML
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].

Sintak:
document.readyState

Return Value: mengembalikan sebuah nilai string yang digunakan untuk mendefinisikan status dari dokumen saat ini.

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


Artikel ini didedikasikan kepada: Devina Rizky Wigustya Putri, Dewi Destina Rahmawati, Dhea Camelia Okta Shilla, Dian Novita Wulansari, dan Didan Asri Majid.

6 komentar untuk "Memeriksa Status Loading HTML Menggunakan readyState DOM"

  1. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan properti readyState DOM pada html?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti readyState DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi dari properti readyState DOM pada HTML?

    BalasHapus
    Balasan
    1. Properti readyState berfungsi untuk mengembalikan status loading dari dokumen saat ini.

      Hapus
  3. Ada berapa kondisi dokumen yang akan muncul jika menggunakan properti readyState pada DOM HTML?

    BalasHapus
    Balasan
    1. Penggunaan properti readyState pada DOM HTML dapat berupa salah satu dari tiga jenis dokumen, sebagai berikut:
      1. 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.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -