html5中的localStorage本地快取

早期的web中使用cookies在客戶端儲存諸如使用者名稱等簡單的資訊，但是，在使用cookies儲存永久資料存在以下問題。

1.cookies的大小限制在4kb，不適合大量的資料儲存。

2.瀏覽器還限制站點可以在使用者計算機上儲存的cookies的數量。

3 cookies是隨http事務一起被傳送的，因此會浪費一部分頻寬。

html5很好的提供了本地儲存的功能，以鍵值對儲存的解決方案，支援容量至少為4m，html5的web提供了兩種客戶端儲存方式。

//在使用web儲存之前，應該先檢查一下瀏覽器是否支援localstorage和sessionstorage(i7以下不支援)

//判斷方法
if(typeof(localstorage !=='undefined');
//或者
if(window.localstorage)

注意:設定，獲取key/value的方法除了使用setitem()和getitem()方法以外，還分別提供了乙個簡單的方法：設定方法：sessionstorage.somekey = 'somevalue';

如:

//2.本地快取 :localstorage

//利用json格式的字串
var arr = ['李白', '白居易', '孟浩然', '杜甫']
var str = json.stringify(arr);
localstorage.setitem('list', str);
localstorage.getitem('list');
// 獲取的是字串格式,轉化為json物件
var newarr=json.parse(localstorage.getitem('list'));
console.log(newarr);
// 讀取
// localstorage.getitem('list');
//刪除
HTML5中的sessionStorage使用示例
sessionstorage作為html5的web storage的兩種儲存方式之一。用於本地儲存乙個會話 session 中的資料，這些資料只有在同乙個 會話中的頁面才能訪問並且當會話結束後資料會被銷毀。不是一種持久化的本地儲存。會話級的儲存。1 介面 sessionstorage.getitem...
html5中的表單
1 form id aform action reg.php 2 p 請填寫表單內容以完成註冊！p 34 fieldset 5 legend legend 6 label for name 姓名 label 7 input id name placeholder ye feng autofocus ...
詳解HTML5中的
一 html5 template元素初面 元素，基本上可以確定是2013年才出現的。幹嘛用的呢，顧名思意，就是用來宣告是 模板元素 目前，我們在html中嵌入模板html，往往是類似這樣的寫法 xml html code複製內容到剪貼簿 實際上，並不存在type text template 這樣的標...