HTML 5之localStorage經常使用API

localStorage用於持久化的本地存儲,除非主動刪除數據,不然數據是永遠不會過時的。javascript

存儲數據

localStorage.setItem("name","lily");     //存儲名字爲name值爲lily的變量
localStorage.name = "lily";              //能夠用點(.)操做符,及[]的方式進行數據存儲

讀取數據

localStorage.getItem("name"); 
var name = localStorage.name;
//讀取第一條數據
localStorage.key(0);
//遍歷localStorage
for(var i=0; i<localStorage.length;i++){
    ......
}

刪除數據

localStorage.removeItem("name");
localStorage.name = "";            //只能設置爲空字符串,並不能完全清除

所有清除數據

localStorage.clear();

localStorage特色

  1. 沒法跨域,同源下才可讀寫
  2. 將數據存儲爲JSON字符串
  3. 有必定的存儲大小限制,各瀏覽器不一致,經實測chrome爲5M
  4. 不可以被爬蟲爬取,因此不能替代URL傳參
相關文章
相關標籤/搜索