Storan Web ialah ciri yang sangat penting yang diperkenalkan oleh HTML5 Ia boleh menyimpan data secara setempat pada klien, serupa dengan kuki HTML4, tetapi fungsinya jauh lebih berkuasa daripada kuki Saiz kuki adalah terhad kepada 4KB secara rasmi 5MB.
Storan Web terbahagi kepada dua jenis :
sessionStorage
localStorage
Ia boleh dilihat dengan jelas daripada makna literal bahawa sessionStorage menyimpan data dalam sesi dan penyemak imbas ditutup . Itu tiada; localStorage sentiasa menyimpan data secara setempat pada klien
Sama ada sessionStorage atau localStorage, API yang boleh digunakan adalah sama dan yang biasa digunakan adalah seperti berikut (mengambil localStorage sebagai contoh):
Simpan data: localStorage.setItem(key,value);
Baca data: localStorage.getItem(key); clear ();
Dapatkan kunci indeks: localStorage.key(index);
Seterusnya, kami membangunkan applet buku alamat ringkas melalui Storan Web untuk menunjukkan penggunaan API yang berkaitan:
Masukkan kenalan mempunyai dua medan: nama dan nombor telefon mudah alih nombor telefon mudah alih sebagai kunci untuk menyimpannya dalam localStorage; Seperti berikut
:
Salin kod
Kod tersebut adalah seperti berikut:
Nama | < td>Nombor telefon bimbit<. ;/td>|
" nama " | " } result = " |