Maksud storan web dalam HTML5 adalah untuk membenarkan halaman web menyimpan beberapa maklumat pada komputer pengguna menggunakan HTML5 boleh menyimpan data penyemakan imbas pengguna secara setempat boleh dibahagikan kepada storan tempatan dan storan sesi sesuai dengan objek localStorage dan objek sessionStorage digunakan untuk menyimpan data tapak web untuk masa yang lama, dan storan sesi digunakan untuk menyimpan data buat sementara waktu.
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.
Fungsi storan web HTML5 membolehkan halaman web menyimpan beberapa maklumat pada komputer pengguna. Menggunakan HTML5 adalah mungkin untuk menyimpan data penyemakan imbas pengguna secara setempat.
Terdahulu, storan tempatan menggunakan kuki. Tetapi storan Web perlu lebih selamat dan cepat Data tidak akan disimpan pada pelayan, tetapi data hanya akan digunakan apabila pengguna meminta data tapak web. Ia juga boleh menyimpan sejumlah besar data tanpa menjejaskan prestasi laman web .
Data wujud dalam pasangan kunci/nilai, dan data halaman web hanya boleh diakses dan digunakan oleh halaman web tersebut.
Storan web terbahagi kepada dua jenis:
(1) Storan tempatan, sepadan dengan objek Storan setempat. Digunakan untuk menyimpan data laman web untuk masa yang lama, dan data tersebut boleh diakses dari mana-mana halaman dalam tapak.
(2) Storan sesi, sepadan dengan objek sessionStorage. Digunakan untuk menyimpan data buat sementara waktu untuk tetingkap (atau tab). Data ini wujud sehingga pelawat menutup tetingkap atau tab, dan akan dipadamkan oleh penyemak imbas selepas ditutup.
Persamaan dan perbezaan antara storan tempatan dan storan sesi
(1) Kod operasi storan tempatan dan storan sesi adalah betul-betul sama jangka hayat data.
(2) Storan tempatan digunakan terutamanya untuk menyimpan data yang boleh dilihat pelawat pada masa hadapan.
(3) Storan sesi digunakan untuk menyimpan data yang perlu dihantar dari satu halaman ke halaman seterusnya.
Had kapasiti storan web
Kebanyakan penyemak imbas mengehadkan storan setempat kepada kurang daripada 5MB. Ini berkaitan dengan domain di mana tapak web itu berada.
Contoh penggunaan storan Web
Berikut mengambil storan setempat (localStorage) sebagai contoh dan storan sesi boleh ditukar kepada objek sessionStorage.
(1) Menyimpan dan membaca data teks localStorage.setItem("user_name","hangge.com");
var userName = localStorage.getItem("user_name");
(2) Menyimpan dan membaca localStorage nilai berangka .setItem ("user_age",100);
var userAge = Number(localStorage.getItem("user_age"));
(3) Menyimpan dan membaca tarikh//Mencipta objek tarikh
var today = new Date(); //按照YYY/MM/DD的标准格式把日期转换成文本字符串,然后保存为文本 var todayString = today.getFullYear() + "/" + today.getMonth() + "/" + today.getDate(); localStorage.setItem("session_started", todayString); //取得日期文本,并基于该文本创建新的日期对象 var newToday = new Date(localStorage.getItem("session_started")); alert(newToday.getFullYear());
(Belajar perkongsian video: tutorial video css, tutorial video html)
Atas ialah kandungan terperinci Apakah maksud storan web dalam html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!