主頁 > 知識(shí)庫 > html5中l(wèi)ocalStorage本地存儲(chǔ)的簡單使用

html5中l(wèi)ocalStorage本地存儲(chǔ)的簡單使用

熱門標(biāo)簽:威海營銷外呼系統(tǒng)招商 鶴壁手機(jī)自動(dòng)外呼系統(tǒng)怎么安裝 ai電銷機(jī)器人連接網(wǎng)關(guān) 中紳電銷智能機(jī)器人 農(nóng)村住宅地圖標(biāo)注 漳州人工外呼系統(tǒng)排名 鄭州電銷外呼系統(tǒng)違法嗎 濟(jì)南辦理400電話 跟電銷機(jī)器人做同事

我們?cè)谧鲰撁鏁r(shí)會(huì)用到本地存儲(chǔ)的時(shí)候,今天說說localStorage本地存儲(chǔ)。

1、localStorage.name="老王";      //第一種設(shè)置存儲(chǔ)本地?cái)?shù)據(jù)的方法localStorage

2、localStorage.setItem("color","red");   //第二種設(shè)置存儲(chǔ)本地?cái)?shù)據(jù)的方法

3、localStorage.removeItem("name"); //刪除本地存儲(chǔ)數(shù)據(jù)

4、localStorage.name       //獲取本地?cái)?shù)據(jù)
   localStorage.getItem("set")   //另一種獲取本地?cái)?shù)據(jù)的方法

5 localStorage.key(0) //獲取前面保存數(shù)據(jù)的名稱 括號(hào)中的數(shù)值和數(shù)組相同

6、localStorage.clear() //清除所有本地存儲(chǔ)的數(shù)據(jù)

7、localStorage.setItem("set1","{'name':'小李','age':'1314'}") //保存為json格式,1、節(jié)省條數(shù) 2、提取方便

8、var price=localStorage.getItem("set1") // 獲取保存的本地?cái)?shù)據(jù)
  obj=eval('('+price+')') //將json格式字符串轉(zhuǎn)換為對(duì)象
  alert(obj.age) //調(diào)用其中的值

代碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    localStorage.name="杜人龍";
    localStorage.name="小花"; //第一種設(shè)置本地?cái)?shù)據(jù)的方法
    localStorage.setItem("set","小菊"); //第二種設(shè)置本地?cái)?shù)據(jù)的方法
    localStorage.setItem("set1","{'name':'小李','age':'1314'}") //保存為json格式
    localStorage.removeItem("name"); //刪除本地存儲(chǔ)數(shù)據(jù)
    alert(localStorage.name) //獲取本地?cái)?shù)據(jù)
    alert(localStorage.getItem("set"))  //另一種獲取本地?cái)?shù)據(jù)的方法
    alert(localStorage.key(0)) //獲取前面保存數(shù)據(jù)的名稱 括號(hào)中的數(shù)值和數(shù)組相同
    var price=localStorage.getItem("set1")
    obj=eval('('+price+')')
    alert(obj.age)
    localStorage.clear()  //清楚本地所有數(shù)據(jù)
</script>
</body>
</html>

存儲(chǔ)位置

以上所述是小編給大家介紹的html5中l(wèi)ocalStorage本地存儲(chǔ)的簡單使用,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!

標(biāo)簽:紅河 文山 蘇州 惠州 甘南 營口 咸陽 萍鄉(xiāng)

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《html5中l(wèi)ocalStorage本地存儲(chǔ)的簡單使用》,本文關(guān)鍵詞  html5,中,localStorage,本地,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《html5中l(wèi)ocalStorage本地存儲(chǔ)的簡單使用》相關(guān)的同類信息!
  • 本頁收集關(guān)于html5中l(wèi)ocalStorage本地存儲(chǔ)的簡單使用的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章