什麼是localStorage
在HTML5中,新加入了一個localStorage特性,這個特性主要是用來做爲本地存儲來使用的,解決了cookie存儲空間不足的問題(cookie中每條cookie的存儲空間爲4k),localStorage中通常瀏覽器支持的是5M大小,這個在不一樣的瀏覽器中localStorage會有所不一樣。前端
localStorage的優點
一、localStorage拓展了cookie的4K限制
二、localStorage會能夠將第一次請求的數據直接存儲到本地,這個至關於一個5M大小的針對於前端頁面的數據庫,相比於cookie能夠節約帶寬,可是這個倒是隻有在高版本的瀏覽器中才支持的
三、localStorage與sessionStorage的惟一一點區別就是localStorage屬於永久性存儲,而sessionStorage屬於當會話結束的時候,sessionStorage中的鍵值對會被清空數據庫
localStorage的使用
localStorage.getItem(key):獲取指定key本地存儲的值
localStorage.setItem(key,value):將value存儲到key字段瀏覽器
好比:
在A頁面中先存儲:
var imgs = obj_mainform.archivesId //聲明個變量存儲下數據
localStorage.setItem('key',imgs); //將變量imgs存儲到name字段
在B頁面中使用:
var naid = localStorage.getItem("key"); //獲取指定key本地存儲的值cookie
以上就是localStorage.setItem()和localStorage.getItem()的使用方式session