HTML5 LocalStorage Local Storage

LocalStorage disimpan lokal, yang dapat digunakan untuk pelestarian data jangka panjang di seluruh situs web.

Objek ini dapat dipanggil dalam bahasa JavaScript melalui Window.LocalStorage atau LocalStorage.

1) Pembatasan pada strategi sumber yang sama. Jika Anda ingin mengoperasikan storstorage yang sama di antara halaman yang berbeda, halaman -halaman ini harus berada di bawah protokol yang sama, nama host yang sama dan port yang sama. (IE8 dan 9 data penyimpanan didasarkan pada nama host yang sama, mengabaikan persyaratan protokol (http dan https) dan nomor port)

2) Hanya disimpan secara lokal. Data LocalStorage tidak akan dikirim ke server dengan permintaan HTTP, yang hanya akan berlaku secara lokal.

3) Pelestarian permanen. Data yang disimpan tidak kedaluwarsa sampai penghapusan manual.

4) Metode Penyimpanan. Metode penyimpanan LocalStorage dibuat dan bernilai. Nilai nilai harus berupa tipe string (bukan non -string, dan juga akan dikonversi ke string selama penyimpanan. Nilai sebenarnya akan dikonversi menjadi benar).

5) Batas Penyimpanan: Browser yang berbeda menyimpan batas atas, tetapi sebagian besar browser membatasi batas atas menjadi kurang dari 5MB.

6) Bagikan dengan browser. Data LocalStorage dapat dibagikan antara halaman -sumber yang sama dari berbagai tab dari browser yang sama.

Versi terkecil dari browser LocalStorage: IE8, Chrome 5.

LocalStorage lebih cocok untuk 2 tempat:

1) Skema pelestarian sementara dengan data besar. Seperti pelestarian otomatis artikel pengeditan online.

2) Data Umum Akses Multi -Halaman. SessionStorage hanya berlaku untuk halaman tab yang sama.

Readonly int localstorage.length: kembalikan bilangan bulat, menunjukkan jumlah item data (pasangan nilai kunci) yang disimpan dalam objek LocalStorage.

String localstorage.key (indeks int): Mengembalikan nama kunci dari nomor seri indeks dari objek LocalStorage saat ini. Jika tidak dikembalikan nol.

StringLocalStorage.GetItem (tombol String): Nilai yang sesuai dengan nama kunci (key). Jika tidak dikembalikan nol.

VoidLocalStorage.setItem (Kunci String, Nilai String): Metode ini menerima nama kunci (kunci) dan nilai sebagai parameter untuk menambahkan nilai kunci ke penyimpanan;

VoidLocalStorage.RemoveItem (Kunci String): Hapus nama kunci yang ditentukan dari objek LocalStorage.

Voidlocalstorage.clear (): Hapus semua item dari objek LocalStorage.

Penyimpanan: Saat perubahan pada LocalStorage, acara ini dipicu.

Kejadian ini memiliki mekanisme pemicu yang berbeda di IE 11 dan Chrome:

1) Apakah halaman saat ini memicu: Ketika halaman saat ini dioperasikan oleh LocalStorage, yaitu 11 adalah halaman saat ini yang juga memicu acara ini.

2) Ulangi operasi LocalStorage: Jika Anda menyetor data duplikat, yaitu 11 dipicu peristiwa ini, dan Chrome tidak memicu kejadian ini.

 Localstorage.setitem ('testkey', 'ini adalah nilai uji "); //

 LocalStorage ['testKey'] = 'Ini adalah nilai nilai tes';

 Localstorage.getItem ('testKey'); // => kembali ke nilai testkey yang sesuai

 LocalStorage ['testKey']; // => Ini adalah nilai tes

LocalStorage juga dapat menyimpan objek JSON: Selama penyimpanan, objek dikonversi ke format teks melalui json.stringify (); saat membaca, teks dikonversi kembali ke objek melalui json.parse ().

 var userntity = {name: 'tom', usia: 22}; : 获取到的 json 字符串转换回对象 var userjsonstr = localstorage .getItem ('user'); userentity = json.parse (userjsonstr); console.log (userentity.name);