//利用localStorage存儲數(shù)據(jù)
function save() {
var contact = new Object();
var Name = document.getElementById("name").value;
var Sex = document.getElementById("sex").value;
var Num = document.getElementById("num").value;
var Add = document.getElementById("add").value;
var Tel = document.getElementById("tel").value;
if(JTrim(Name) != "" && JTrim(Sex) != "" && JTrim(Num) != "" && JTrim(Add) != "" && JTrim(Tel) != "") {
contact.name = Name;
contact.sex = Sex;
contact.num = Num;
contact.add = Add;
contact.tel = Tel;
var str = JSON.stringify(contact);//對JSON對象進(jìn)行處理,用于從一個(gè)對象解析出字符串
if(window.localStorage) {
localStorage.setItem(contact.name,str);
} else {
alert("您暫時(shí)還無法使用本功能");
return;
}
} else {
alert("請輸入內(nèi)容");
}
}
其中用到了Trim()這個(gè)方法,用于判斷輸入是否為空
function JTrim(s) {
return s.replace(/(^s*)|(s*$)/g, "");
}
展示所有信息
function loadAll() {
var resource = document.getElementById("list");
if(window.localStorage) {
var result = "
";
result += "
姓名
性別
學(xué)號
家庭住址
電話號碼
";
for(var i = 0;i < localStorage.length; i++) {
var Name = localStorage.key(i);//用于得到索引的key,在這個(gè)程序里,key為name
var str = localStorage.getItem(Name);
var contact = JSON.parse(str);//對JSON對象進(jìn)行處理,用于從一個(gè)字符串中解析出JSON對象
result += "
function search() {
var resource = document.getElementById("tato");
var search_name = document.getElementById("search_name").value;
if(window.localStorage) {
var str = localStorage.getItem(search_name);
if(str != null) {
var result = "
摘要:什么是是里面引入的一個(gè)類似于的本地存儲功能,可以用于客戶端的本地存儲,其相對于來說有以下幾點(diǎn)優(yōu)勢存儲空間大只有的存儲空間,而在官方建議中為每個(gè)網(wǎng)站。而則是將數(shù)據(jù)存儲在本地,理論上來說數(shù)據(jù)永遠(yuǎn)不會消失,除非人為刪除。
什么是Web Storage
Web Storage是HTML5里面引入的一個(gè)類似于cookie的本地存儲功能,可以用于客戶端的本地存儲,其相對于cookie來說有以下幾點(diǎn)...
摘要:和雖然也有存儲大小的限制,但比大得多,可以達(dá)到或更大支持事件通知機(jī)制,可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。有時(shí)也用,指某些網(wǎng)站為了辨別用戶身份,進(jìn)行跟蹤而存儲在本地終端上的數(shù)據(jù),通常經(jīng)過加密。
Web Storage介紹
Web Storage帶來的好處
減少網(wǎng)絡(luò)流量:一旦數(shù)據(jù)保存在本地后,就可以避免再向服務(wù)器請求數(shù)據(jù),因此減少不必要的數(shù)據(jù)請求,減少數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來回傳...
摘要:和雖然也有存儲大小的限制,但比大得多,可以達(dá)到或更大支持事件通知機(jī)制,可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。有時(shí)也用,指某些網(wǎng)站為了辨別用戶身份,進(jìn)行跟蹤而存儲在本地終端上的數(shù)據(jù),通常經(jīng)過加密。
Web Storage介紹
Web Storage帶來的好處
減少網(wǎng)絡(luò)流量:一旦數(shù)據(jù)保存在本地后,就可以避免再向服務(wù)器請求數(shù)據(jù),因此減少不必要的數(shù)據(jù)請求,減少數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來回傳...