HTML5中的離線儲存

2021-09-11 03:56:48 字數 660 閱讀 5214

儲存:客戶端儲存   session

硬碟儲存  local

1.客戶端儲存

window.sessionstorage 存在瀏覽器上的,瀏覽器關閉後不在保留資料,用於臨時儲存資料
儲存的屬性

window.sessionstorage.setitem("key", "value");  /!*用來儲存的方法*!/

window.sessionstorage.getitem("key") //獲取儲存的值

window.sessionstorage.clear("key"); //清除值

localstorage 只支援 string 型別的儲存。

案例1 本地傳送和接受文字

內容: 發表

清除

2.硬碟儲存

window.localstorage  存在硬碟上的,瀏覽器關閉或者電腦重啟後,資料依舊存在
同上,只儲存string型別

其他用法和客戶端儲存相似

HTML5 離線儲存

首先來講解下離線儲存的使用方法,說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。然後cache.manifest檔案的書寫方式,就像下面這樣 cache manifest v0.11 cache css style.css network resourse log...

HTML5 離線儲存

首先來講解下離線儲存的使用方法,說起來也很簡單。只要在你的頁面頭部像下面一樣加入乙個manifest的屬性就可以了。manifest cache.manifest html 然後cache.manifest檔案的書寫方式,就像下面這樣 cache manifest v0.11 cache css s...

html5 離線儲存

資料 quzishen manifest檔案 1 cache manifest 2 上面一句必須 manifest檔案內容型別必須配置為text cache manifest傳送到瀏覽器 3 v1.0.0 版本號 如果想更新快取內容,只要修改下manifest檔案即可,如改版本號v1.0.1 45 ...