H5 資料儲存localStorage

2022-06-27 14:12:10 字數 1721 閱讀 7212

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>title

title

>

head

>

<

body

>

<

pre>

localstorage的使用:

1.儲存的內容大概20mb

2.不同瀏覽器不能共享資料。但是在同乙個瀏覽器的不同視窗中可以共享資料

3.永久生效,它的資料是儲存在硬碟上,並不會隨著頁面或者瀏覽器的關閉而清除.如果想清除,必須手動清除

setitem(key,value):儲存資料,以鍵值對的方式儲存

getitem(key):獲取資料,通過指定名稱的key獲取對應的value值

removeitem(key):刪除資料,通過指定名稱key刪除對應的值

clear():清空所有儲存的內容

pre>

<

br>

<

input

type

="text"

id="username"

><

br>

<

input

type

="button"

value

="設定資料"

id="setdata"

>

<

input

type

="button"

value

="獲取資料"

id="getdata"

>

<

input

type

="button"

value

="刪除資料"

id="removedata"

>

<

input

type

="button"

value

="清空資料"

id="emptydata"

>

<

script

>

document.queryselector(

"#setdata

").onclick

=function

()

/*獲取資料

*/document.queryselector(

"#getdata

").onclick

=function

()

/*清除資料

*/document.queryselector(

"#removedata

").onclick

=function

()

/*清空資料

*/document.queryselector(

"#emptydata

").onclick

=function

() script

>

body

>

html

>

H5高階 儲存

html5程式設計介面 canvas api 拖放api 地理位置api 儲存api 檔案api 通訊api 多執行緒api 離線api 歷史api 選擇元素 queryselector 選擇器 獲取乙個元素 queryselectorall 選擇器 獲取多個元素 監聽事件 addeventlist...

H5離線儲存

首先,我們建立乙個html檔案,類似這樣 network,與fallback,其中network和fallback為可選項,而第一行cache manifest為固定格式,必須寫在前面。cache 必須 標識出哪些檔案需要快取,可以是相對路徑也可以是絕對路徑。例如 aa.css,network 可選...

h5離線儲存 manifest

1 問題分析 html5提出的乙個新的特性 離線儲存。通過離線儲存,我們可以通過把需要離線儲存在本地的檔案列在乙個manifest配置檔案中,這樣即使在離線的情況下,使用者也可以正常看見網頁。2 核心問題講解 這個 不是很常用 就是告訴大家 以後見到要認識 使用 1 在需要離線快取儲存的頁面 加上 ...