本地儲存物件
網頁在瀏覽器中執行時，自動給我們提供大小為5m的空間，可以儲存字串等(像資料庫一樣儲存資料)
提供了sessionstorage(會話儲存)和localstorage(本地儲存)兩個儲存物件來對網頁的資料進行新增刪除修改查詢操作
localstorage用於長久儲存某個**的資料，儲存的資料沒有過期時間，直到手動去除
sessionstorage用於臨時儲存同一視窗(或標籤頁)的資料，在關閉視窗或標籤頁之後將會刪除這些資料
物件屬性
length:返回儲存物件中包含多少條資料
物件方法
key(n):返回儲存物件中第n個鍵的名稱
getltem(keyname)：返回指定鍵的值
setltem(keyname,value)：新增鍵和值，如果對應的值存在，則更新該鍵對應的值
removeitem(keyname)：移除鍵
clear()：清除儲存物件中所有的鍵
示例
>
src=
"js/jquery.min.js"
>
script
>
head
>
>
>
type
="text"
id="num"
>
name
="num2"
id="num2"
>
value
="1"
>
小學option
>
value
="2"
>
中學option
>
value
="3"
>
大學option
>
select
>
"btn"
>
儲存button
>
"btn2"
>
讀取button
>
div>
>
// 獲取標籤
var $num=$(
"#num");
var $num2 =
$(#"num");
var $btn=$(
"#btn");
var $btn2 =$(
"btn2");
//向本地儲存物件中儲存資料
$btn.on(
"click"
,function()
obj.a = $num.
val();
obj.b = $num2.
val();
console.
log(obj)
localstorage.
setitem
("鍵"
,json
.stringify
(obj));
// 需要將obj物件轉成json字串才能在localstorage顯示 })
//從本地儲存物件中提取資料
$btn2.on(
"click"
,function()
)script
>
body
>
瀏覽器本地儲存
本地儲存 儲存讀取 刪除在瀏覽器端儲存資料 全域性變數 cookie sessionstorage localstorage 只能短時間儲存資料，頁面跳轉或重新整理後資料會消失 按儲存時間長短分成2種 會話cookie 視窗關閉即消失 持久化cookie 可以由程式設計師指定存活時間，關閉視窗也不會...
瀏覽器本地儲存
瀏覽器的本地儲存主要分為cookie webstorage indexdb，其中webstorage又可以分為localstorage和sessionstorage cookie cookie最開始被設計出來並不是為了做本地儲存。而是彌補http在狀態管理上的不足 http協議是乙個無狀態協議，客戶...
關於瀏覽器本地儲存
通過瀏覽器對資料進行本地儲存 2 設定cookie document.cookie name value 存字串 3 獲取cookie document.cookie 得到所有的儲存資訊，以 隔開，通過字元拆分成陣列split 4 修改已經儲存的資料 重新覆蓋 document.cookie nam...