本地儲存技術localStorage

本地儲存技術：

localstorage(ie8以下不相容）

1. 永久儲存，除非手動改清除

2. 最大可以儲存5m  客戶端的乙個微型資料庫

3. 只能儲存string

cookie

1.可以設定過期時間，過期時間之前一直有效，即使視窗或瀏覽器關閉

2. 最大可以存4kb

3. 每乙個網域名稱下面最多可以儲存50條資料

sessionstorage(結合後台使用）

1. sessionstorage在關閉視窗或標籤頁之後將會刪除這些資料。

********************localstorage 物件********************=

setitem(name,value);

getitem(name);

removeitem(name);

案例：重新整理頁面，滑動條記住上次的滑動位置

1

doctype html
>
2<
html
>
3<
head
>
4<
meta 
charset
="utf-8"
>
5<
title
>滑動條
title
>
6head
>
7<
style
>
8#slide
9#block
10#full
11style
>
12<
body
>
13<
div 
id="slide"
>
14<
div 
id="full"
>
div>
15<
div 
id="block"
>
div>
16div
>
17body
>
18<
script
>
19window.onload 
=function
()else
3435
oblock.onmousedown 
=function
(ev)
44if
(l>=
600-30)
45oblock.style.left =l 
+'px'
;4647//
填充部分要跟隨滑塊進行填充
48ofull.style.width =l
+30+'
px';49
50//
對當前滑塊的位置進行本地儲存
51if(!
window.localstorage)
else56}
57}58document.onmouseup 
=function
()61}62
script
>
63html
>

cookie與本地儲存localStorage

cookie預設是臨時儲存的，當瀏覽器關閉時，自動銷毀。如果想長時間存放乙個cookie，同時需要設定乙個過期時間。localstorage.keyname value localstorage keyname value 注 localstorage是長期資料儲存，sessionstorage臨時...

jquery 的本地儲存 localStorage

前面寫了jquery 本地儲存 cookie 的基本用法 jquery cookie示例 只提示一次的彈框 兩篇介紹cookie用法的篇章之後，下面來看看 localstorage 這個本地儲存的方式。2 localstorage 儲存在本地，容量為5m或者更大，不會在請求時候攜帶傳遞，在所有同源視...

localStorage本地儲存技術

localstorage 本地儲存技術 本地儲存技術，不是永久的永久儲存 特點 將資料儲存到瀏覽器當中 儲存的資料都是以字串的形式儲存的 和傳統的資料庫相比 優點 操作簡單，容易學習 資料直觀，以最常見的key value的形式進行儲存 資料預設只可以在同源的狀態下檢視和儲存 window.loca...