<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
<
/head>
生命週期永久生效，除非手動刪除否則關閉頁面也會存在
可以多視窗共享（同一瀏覽器)
以鍵值對形式儲存
<
!-- 儲存資料 --
>
localstorage.
setitem
(key,value)
<
!-- 獲取資料 --
>
localstorage.
getitem
(key)
<
!-- 移除 --
>
localstorage.
removeitem
(key)
;<
!-- 清除所有資料 --
>
localstorage.
clear()
"text"
>
="set"
>儲存資料<
/button>
="get"
>獲取資料<
/button>
="remove"
>刪除資料<
/button>
="del"
>清空所有資料<
/button>
var ipt = document.
queryselector
('input');
varset
= document.
queryselector
('.set');
set.
addeventlistener
('click'
,function()
)var
get= document.
queryselector
('.get');
get.
addeventlistener
('click'
,function()
)var remove = document.
queryselector
('.remove');
remove.
addeventlistener
('click'
,function()
)var del = document.
queryselector
('.del');
del.
addeventlistener
('click'
,function()
)<
/script>
<
/body>
<
/html>
JS 本地儲存
隨著網際網路的快速發展，基於網頁的應用越來越普遍，同時也變的越來越複雜，為了滿足各種各樣的需求，會經常性在本地儲存大量的資料，html5規範提出了相關解決方案。1 資料儲存在使用者瀏覽器中 2 設定 讀取方便 甚至頁面重新整理不丟失資料 3 容量較大，sessionstorage約5m locals...
js 本地儲存 物件儲存
使用getitem 和setitem 來取資料和存資料 localstorage.setitem data item 設定data為 item localstorage.getitem data 獲取data的值 html5還提供了乙個key 方法，可以在不知道有哪些鍵值的時候使用var stora...
js本地儲存詳解
各種儲存方案 cookies 瀏覽器均支援，容量為4kb localstorage html5，容量為5m sessionstorage html5，容量為5m userdata 僅ie支援，容量為64kb flash 100kb，非html原生，需要外掛程式支援 google gears sqli...