# html5接口 sessionStorage 支持IE8+ 火狐,chrome等 用于臨時保存同一窗口(或標簽頁)的數據，在關閉窗口或標簽頁之后將會刪除這些數據。 ``` <pre class="calibre14">``` sessionStorage<span class="token2">.</span><span class="token1">setItem</span><span class="token2">(</span><span class="token4">'testKey'</span><span class="token2">,</span><span class="token4">'這是一個測試的value值'</span><span class="token2">)</span><span class="token2">;</span> sessionStorage<span class="token2">[</span><span class="token4">'testKey'</span><span class="token2">]</span> <span class="token">=</span> <span class="token4">'這是一個測試的value值'</span><span class="token2">;</span> sessionStorage<span class="token2">.</span><span class="token1">getItem</span><span class="token2">(</span><span class="token4">'testKey'</span><span class="token2">)</span><span class="token2">;</span> sessionStorage<span class="token2">[</span><span class="token4">'testKey'</span><span class="token2">]</span><span class="token2">;</span> sessionStorage<span class="token2">.</span><span class="token1">setItem</span><span class="token2">(</span><span class="token4">'user'</span><span class="token2">,</span> JSON<span class="token2">.</span><span class="token1">stringify</span><span class="token2">(</span>userEntity<span class="token2">)</span><span class="token2">)</span><span class="token2">;</span> 存儲對象 var userJsonStr <span class="token">=</span> JSON<span class="token2">.</span><span class="token1">parse</span><span class="token2">(</span>sessionStorage<span class="token2">.</span><span class="token1">getItem</span><span class="token2">(</span><span class="token4">'user'</span><span class="token2">)</span><span class="token2">)</span><span class="token2">;</span> sessionStorage<span class="token2">.</span><span class="token1">removeItem</span><span class="token2">(</span>string key<span class="token2">)</span> ：將指定的鍵名<span class="token2">(</span>key<span class="token2">)</span>從 sessionStorage 對象中移除。 sessionStorage<span class="token2">.</span><span class="token1">clear</span><span class="token2">(</span><span class="token2">)</span> ``` ``` localStorage 即本地存儲，可用于長久保存整個網站的數據，保存的數據沒有過期時間，直到手動去除 數據比較大的臨時保存方案。如在線編輯文章時的自動保存。多頁面訪問共同數據 ``` <pre class="calibre16">``` localStorage<span class="token2">.</span><span class="token1">setItem</span><span class="token2">(</span><span class="token4">'testKey'</span><span class="token2">,</span><span class="token4">'這是一個測試的value值'</span><span class="token2">)</span><span class="token2">;</span> localStorage<span class="token2">[</span><span class="token4">'testKey'</span><span class="token2">]</span> <span class="token">=</span> <span class="token4">'這是一個測試的value值'</span><span class="token2">;</span> localStorage<span class="token2">.</span><span class="token1">getItem</span><span class="token2">(</span><span class="token4">'testKey'</span><span class="token2">)</span><span class="token2">;</span> localStorage<span class="token2">[</span><span class="token4">'testKey'</span><span class="token2">]</span><span class="token2">;</span> localStorage<span class="token2">.</span><span class="token1">setItem</span><span class="token2">(</span><span class="token4">'user'</span><span class="token2">,</span> JSON<span class="token2">.</span><span class="token1">stringify</span><span class="token2">(</span>userEntity<span class="token2">)</span><span class="token2">)</span><span class="token2">;</span> var userJsonStr <span class="token">=</span> JSON<span class="token2">.</span><span class="token1">parse</span><span class="token2">(</span><span class="token2">(</span> localStorage <span class="token2">.</span><span class="token1">getItem</span><span class="token2">(</span><span class="token4">'user'</span><span class="token2">)</span><span class="token2">)</span><span class="token2">;</span> localStorage<span class="token2">.</span><span class="token1">removeItem</span><span class="token2">(</span>string key<span class="token2">)</span> localStorage<span class="token2">.</span><span class="token1">clear</span><span class="token2">(</span><span class="token2">)</span> ``` ```