Komentar: LocalStorage (Penyimpanan Lokal), dapat menyimpan data untuk waktu yang lama, tanpa batas waktu, satu hari, satu tahun, dua tahun atau bahkan lebih lama, data dapat digunakan, SesiStorage (Sesi Penyimpanan), hanya sebelum browser ditutup, dapat digunakan saat membuat halaman lain, dan data akan hilang setelah menutup browser.
Gunakan Metode LocalStorage dan SessionStorage dari penyimpanan web HTML5 untuk menyimpan data halaman web LocalStorage.
Halaman ini dirujuk seperti yang ditunjukkan pada gambar di bawah ini, dan data pada halaman dapat disimpan secara lokal. Dan dapat membaca data yang disimpan dan menampilkannya di halaman.
LocalStorage (penyimpanan lokal), dapat menyimpan data untuk waktu yang lama, tanpa batas waktu, satu hari, satu tahun, dua tahun atau bahkan lebih lama, data dapat digunakan.
SessionStorage, yang hanya dapat digunakan sebelum browser ditutup, dapat digunakan saat membuat halaman lain, dan data akan hilang setelah menutup browser.
Situasi kompatibilitas LocalStorage Tes Blogger adalah sebagai berikut:
Chrome4+ mulai mendukung stor localstorage
Firefox3.5+ mulai mendukung storstorage
Firefox1.5+ mendukung GlobalStorage
IE8+ mendukung LocalStorage
IE7 Mode Kompatibilitas Mendukung LocalStorage
IE5.5+ mendukung userData
Safari 4+ Mendukung LocalStorage
Opera10.5+ mendukung LocalStorage
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "konten tipe" content = "text /html; charset = utf-8" />
<title> </title>
<type style = "text/css">
textarea {
Lebar: 300px;
Tinggi: 300px;
}
.tombol {
Lebar: 100px;
}
</tyle>
</head>
<body>
<type skrip = "Teks/JavaScript">
// Gunakan Metode LocalStorage dan SessionStorage dari penyimpanan web HTML5 untuk penyimpanan lokal dari data halaman web.
// Lihat gambar berikut untuk menyimpan data di halaman secara lokal. Dan dapat membaca data yang disimpan dan menampilkannya di halaman.
function savesession () {
var t1 = document.geteLementById ("t1");
var t2 = document.geteLementById ("t2");
var mydata = t2.value;
var ostorage = window.SessionStorage;
ostorage.mydata = mydata;
t1.value + = "sessionStorage simpan mydata:" + mydata + "/n";
}
fungsi readSession () {
var t1 = document.geteLementById ("t1");
var ostorage = window.SessionStorage;
var mydata = "tidak ada";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.value + = "sessionStorage membaca mydata:" + mydata + "/n";
}
fungsi pembersihan () {
var t1 = document.geteLementById ("t1");
var ostorage = window.SessionStorage;
var mydata = "tidak ada";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
ostorage.removeitem ("mydata");
t1.value + = "sessionStorageClear mydata:" + mydata + "/n";
}
function saveStorage () {
var t1 = document.geteLementById ("t1");
var t2 = document.geteLementById ("t2");
var mydata = t2.value;
var ostorage = window.localStorage;
ostorage.mydata = mydata;
T1.Value + = "LocalStorage Simpan mydata:" + mydata + "/n";
}
fungsi readstorage () {
var t1 = document.geteLementById ("t1");
var ostorage = window.localStorage;
var mydata = "tidak ada";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.value + = "LocalStorage membaca mydata:" + mydata + "/n";
}
fungsi cleanstorage () {
var t1 = document.geteLementById ("t1");
var ostorage = window.localStorage;
var mydata = "tidak ada";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
ostorage.removeitem ("mydata");
t1.value + = "localstorageClear mydata:" + mydata + "/n";
}
</script>
<div>
<TextArea> </textarea>
<label> data yang akan disimpan: </label>
<input type = "text" />
<input type = "tombol" value = "sesionsave" />
<input type = "tombol" value = "sesi baca" />
<input type = "tombol" value = "sesi clear" />
<input type = "tombol" value = "local save" />
<input type = "tombol" value = "local baca" />
<input type = "tombol" value = "localclear" />
</div>
</body>
</html>