這篇文章主要為大家展示了“HTML5中新功能本地存儲localStorage的示例分析”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“HTML5中新功能本地存儲localStorage的示例分析”這篇文章吧。

創(chuàng)新互聯(lián)是專業(yè)的安丘網(wǎng)站建設(shè)公司，安丘接單;提供成都網(wǎng)站制作、成都網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行安丘網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!

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

<script type="text/javascript">     
localStorage.firstName = "Tom";     
alert(localStorage.firstName);     
</script>

這樣的話，就將數(shù)據(jù)保存到本地了，但是本地數(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 但是實際上就是sqlite的數(shù)據(jù)庫文件，可以用sqlite打開，并看到其中的數(shù)據(jù)。（可以使用firefox的SQLite Manager附加組件打開）
安裝組件步驟和安裝firebug類似，選擇菜單工具-->附件組件，打開附件組件設(shè)置頁，搜索"SQLite Manager"關(guān)鍵字，安裝"SQLite Manager"插件后重啟firefox，就可以在工具中看到"SQLite Manager"附加組件了，如下圖所示：
下圖是查看剛剛保存的本地數(shù)據(jù)文件

下面是幾個常用的localStorage方法：

1、添加localStorage

localStorage.setItem(“key”,”value”);     //以“key”為名稱存儲一個值“value”

2、獲取localStorage

localStorage.getItem(“key”);    //獲取名稱為“key”的值

3、刪除localStorage

localStorage.removeItem(“key”);     //刪除名稱為“key”的信息

4、清空localStorage

localStorage.clear();     //清空localStorage中所有信息

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

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

以上是“HTML5中新功能本地存儲localStorage的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：HTML5中新功能本地存儲localStorage的示例分析
本文網(wǎng)址：http://www.chinadenli.net/article38/gpidsp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、動態(tài)網(wǎng)站、網(wǎng)站策劃、微信公眾號、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)