主頁 > 知識庫 > 解析HTML5中的新功能本地存儲localStorage

解析HTML5中的新功能本地存儲localStorage

熱門標(biāo)簽:pageadm實(shí)現(xiàn)地圖標(biāo)注 阜陽企業(yè)外呼系統(tǒng) 外呼系統(tǒng)電話怎么投訴 外呼線穩(wěn)定線路 地圖標(biāo)注位置能賺錢嗎 邢臺縣地圖標(biāo)注app 申請400電話流程簡介 呼和浩特外呼電銷系統(tǒng)排名 南通數(shù)據(jù)外呼系統(tǒng)推廣

Html5 的local storage 是通過瀏覽器在本地存儲的數(shù)據(jù)。
基本使用方法如下:

JavaScript Code復(fù)制內(nèi)容到剪貼板
  1. <script type="text/javascript">     
  2. localStorage.firstName = "Tom";     
  3. alert(localStorage.firstName);     
  4. </script>    

這樣的話,就將數(shù)據(jù)保存到本地了,但是本地?cái)?shù)據(jù)是以什么形式進(jìn)行保存的呢,經(jīng)過跟蹤,發(fā)現(xiàn)在Chrome瀏覽器中,數(shù)據(jù)是以sqlite的數(shù)據(jù)庫文件形式存儲的。
在windows下,是保存在C:\Documents and Settings\User Name\Local Settings\Application Data\Google\Chrome\User Data\Default\Local Storage 路徑(其中User Name是指當(dāng)前的用戶名)下的;
在Mac下,是保存在/Users/User Name/Library/Application Support/Google/Chrome/Default/Local Storage路徑(其中User Name是指當(dāng)前的用戶名)路徑下的
雖然后綴名是.localstorege 但是實(shí)際上就是sqlite的數(shù)據(jù)庫文件,可以用sqlite打開,并看到其中的數(shù)據(jù)。(可以使用firefox的SQLite Manager附加組件打開)
安裝組件步驟和安裝firebug類似,選擇菜單工具-->附件組件,打開附件組件設(shè)置頁,搜索"SQLite Manager"關(guān)鍵字,安裝"SQLite Manager"插件后重啟firefox,就可以在工具中看到"SQLite Manager"附加組件了,如下圖所示:
下圖是查看剛剛保存的本地?cái)?shù)據(jù)文件

下面是幾個(gè)常用的localStorage方法:

1、添加localStorage

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. localStorage.setItem(“key”,”value”);     //以“key”為名稱存儲一個(gè)值“value”  

2、獲取localStorage

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. localStorage.getItem(“key”);    //獲取名稱為“key”的值  

3、刪除localStorage

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. localStorage.removeItem(“key”);     //刪除名稱為“key”的信息  

4、清空localStorage

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. localStorage.clear();     //清空localStorage中所有信息  

5、查看已經(jīng)保存的localStorage

可通過chrome瀏覽器的控制臺工具Resource–Local Storage里查看

標(biāo)簽:德州 蚌埠 楊凌 內(nèi)蒙古 辛集 鶴崗 撫順 黃山

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