Ringkasan LocalStorage HTML5

Di HTML5, fitur LocalStorage baru ditambahkan. Ukuran 5m, yang akan berbeda di browser yang berbeda.

1. LocalStorage memperluas batas 4K cookie

2. LocalStorage dapat secara langsung menyimpan data permintaan pertama ke area lokal. . Mendukung

1. Ukuran browser tidak seragam, dan versi IE di atas IE8 hanya mendukung atribut LocalStorage

2. Saat ini, semua browser akan membatasi jenis nilai LocalStorage sebagai tipe string.

3. LocalStorage tidak dapat membaca di bawah mode privasi browser

4. LocalStorage pada dasarnya dibaca pada string.

5. LocalStorage tidak dapat ditangkap oleh perayap

Satu -satunya perbedaan antara LocalStorage dan SessionStorage adalah bahwa LocalStorage termasuk dalam penyimpanan permanen, dan sesi Sesi milik akhir sesi.

Di sini kami menggunakan LocalStorage untuk menganalisis

Ini adalah pernyataan khusus. Opini tentang blogger

Pertama -tama, saat menggunakan LocalStorage, kita perlu menentukan apakah browser mendukung atribut LocalStorage

 if (! window.localstorage) {alert (browser mendukung localstorage);

Ada tiga cara untuk menulis LocalStorage, LocalStorage's Writing.

 if (! window.localstorage) {alert (browser mendukung localstorage); Torage [C] );}

Hasilnya setelah runtime adalah sebagai berikut:

Di sini kita harus secara khusus menjelaskan bahwa penggunaan LocalStorage juga mengikuti strategi yang sama -origin, sehingga situs web yang berbeda tidak dapat berbagi stor localstorage yang sama

Akhirnya, hasil yang dicetak pada konsol adalah:

Saya tidak tahu apakah pembaca telah memperhatikan bahwa tipe int baru saja disimpan, tetapi pencetakan adalah string.

 if (! window.localstorage) {alert (browser mendukung localstorage);} else {var penyimpanan = window.localstorage; // Tuliskan ke C Storage.setitem (C, 3); /Metode pertama baca var a = Storage.A; .getItem (c);

Ini adalah tiga cara untuk membaca LocalStorage

Saya mengatakan bahwa LocalStorage setara dengan database front -end.

Mari kita bicara tentang dua langkah Hapus dan Perubahan LocalStorage.

Lebih baik memahami langkah ini.

 if (! window.localstorage) {alert (browser mendukung localstorage);} else {var penyimpanan = window.localstorage; // Tuliskan ke C Storage.setitem (C, 3); ;

Di konsol ini, kita dapat melihat bahwa kunci A telah diubah menjadi 4

1. Bersihkan semua isi LocalStorage

 Storage = Window.LocalStorage;

2. Hapus nilai kunci di LocalStorage

 Var Storage = Window.LocalStorage;

Hasil Tampilan Konsol

 Var Storage = Window.LocalStorage; Kemudian, lalu log (tombol);}

Gunakan metode key () untuk mendapatkan tombol yang sesuai dari indeks indeks in -dan -out

Secara umum, kami akan menyimpan JSON di LocalStorage, tetapi LocalStorage akan secara otomatis mengubah LocalStorage menjadi bentuk string.

Saat ini, kita dapat menggunakan json.stringify () untuk mengubah JSON menjadi string JSON

Contoh:

 jika! D = JSON.Stringify (data);

Setelah membaca, string JSON harus dikonversi menjadi objek JSON, dan metode JSON.PARSE () digunakan untuk menggunakan metode JSON.PARSE ()

 Var Storage = Window.LocalStorage; JSON String ke dalam output objek JSON var json = Storage.getItem (data);

Cetak itu adalah objek objek

Hal lain yang perlu diperhatikan adalah jenis lain harus dibacakan.

Di atas adalah ringkasan penggunaan HTML5 LocalStorage dari editor. Terima kasih banyak atas dukungan Anda untuk situs web VEVB Wulin!