html5之本地儲存
l cookie
• 資料儲存到計算機中，通過瀏覽器控制新增與刪除資料
l cookie的特點
• 儲存限制
– 網域名稱100個cookie,每組值大小4kb
• 客戶端、伺服器端，都會請求伺服器（頭資訊）
• 本地儲存也會請求伺服器
• 頁面間的cookie是共享
l storage
• sessionstorage
– session臨時回話，從頁面開啟到頁面關閉的時間段
– 視窗的臨時儲存，頁面關閉，本地儲存消失
• localstorage
– 永久儲存（可以手動刪除資料）
l storage的特點
• 儲存量限制 ( 5m )
• 客戶端完成，不會請求伺服器處理
• sessionstorage資料是不共享、 localstorage共享
l storage api
• setitem():
– 設定資料，key\value型別，型別都是字串
– 可以用獲取屬性的形式操作
• getitem():
– 獲取資料，通過key來獲取到相應的value
• removeitem():
– 刪除資料，通過key來刪除相應的value
• clear():
– 刪除全部儲存的值
• 例子 : 儲存註冊資訊
使用者名稱:
性別 : 男女
內容 :
l storage api
• 儲存事件:
– 當資料有修改或刪除的情況下，就會觸發storage事件
– 在對資料進行改變的視窗物件上是不會觸發的
– key : 修改或刪除的key值，如果呼叫clear(),key為null
– newvalue : 新設定的值，如果呼叫removestorage(),key為null
– oldvalue: 呼叫改變前的value值
– storagearea: 當前的storage物件
– url: 觸發該指令碼變化的文件的url
– 注：session同視窗才可以,例子：iframe操作
• 例子 : 同步購物車 香蕉
蘋果西瓜
哈密瓜
HTML5之本地儲存
html5本地儲存有localstorage和sessionstorage，兩者的區別就是localstorage一直儲存在本地不會過期，而sessionstorage視窗一旦關閉就沒了。兩者用法是一樣的。if window.localstorage else儲存操作如下 通過鍵值對應，只能儲存字串...
HTML5之本地儲存
html5本地儲存有localstorage和sessionstorage，兩者的區別就是localstorage一直儲存在本地不會過期，而sessionstorage視窗一旦關閉就沒了。兩者用法是一樣的。if window.localstorage else 儲存操作如下 通過鍵值對應，只能儲存字...
HTML5的本地儲存
html5的本地儲存分為永久性的本地儲存和會話性的本地儲存。會話性本地儲存sessionstorage 儲存在sessionstorage中的資料首先是key value形式的，另外就是它跟瀏覽器當前會話相關，當會話結束後，資料會自動清除，跟未設定過期時間的cookie類似。setitem key,...