麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 開發(fā) > HTML5 > 正文

Html5 web本地存儲實例詳解

2024-09-05 07:21:45
字體:
供稿:網(wǎng)友

Web Storage是HTML5引入的一個非常重要的功能,可以在客戶端本地存儲數(shù)據(jù),類似HTML4的cookie,但可實現(xiàn)功能要比cookie強(qiáng)大的多,cookie大小被限制在4KB,Web Storage官方建議為每個網(wǎng)站5MB。

Web Storage又分為兩種:

sessionStorage

localStorage

從字面意思就可以很清楚的看出來,sessionStorage將數(shù)據(jù)保存在session中,瀏覽器關(guān)閉也就沒了;而localStorage則一直將數(shù)據(jù)保存在客戶端本地;

不管是sessionStorage,還是localStorage,可使用的API都相同,常用的有如下幾個(以localStorage為例):

保存數(shù)據(jù):localStorage.setItem(key,value);讀取數(shù)據(jù):localStorage.getItem(key);刪除單個數(shù)據(jù):localStorage.removeItem(key);刪除所有數(shù)據(jù):localStorage.clear();得到某個索引的key:localStorage.key(index);

如上,key和value都必須為字符串,換言之,web Storage的API只能操作字符串。

接下來,我們通過Web Storage開發(fā)一個簡單的通訊錄小程序,以演示相關(guān)API的使用方法;我們要實現(xiàn)如下功能:

錄入聯(lián)系人,聯(lián)系人有姓名、手機(jī)號碼2個字段,以手機(jī)號作為key存入localStorage;根據(jù)手機(jī)號碼,查找機(jī)主;列出當(dāng)前已保存的所有聯(lián)系人信息;

首先先寫一個簡單的html代碼

XML/HTML Code復(fù)制內(nèi)容到剪貼板
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 久久久一区二区三区视频 | 精品国产乱码一区二区三区四区 | 激情小说图 | 国产成人高清成人av片在线看 | 91成人午夜性a一级毛片 | 真人一级毛片免费 | 日韩毛片毛片久久精品 | 91短视频版高清在线观看www | 国产成年人在线观看 | 神马久久蜜桃 | 欧美成人一二三区 | 羞羞视频一区二区 | 黄色国产在线观看 | 欧美高清另类自拍视频在线看 | 精品国产乱码一区二区 | 免费99热在线观看 | 精品一区二区三区免费毛片 | 国产免费中文字幕 | 中文字幕在线观看视频一区 | 狠狠操精品视频 | 国产成人精品一区在线播放 | 午夜视频久久 | 伊人午夜视频 | 中文欧美日韩 | 国产一区国产二区在线观看 | 日韩高清电影 | 国产精品久久久在线观看 | 成人三级在线播放 | 91成人免费视频 | 黄色网欧美 | 亚洲综合一区在线观看 | 欧美日韩一区二区综合 | 国产精品久久久久久久久久三级 | 久久精品视频一区二区三区 | 精品国产一二区 | 一级做受毛片免费大片 | 在线播放免费人成毛片乱码 | 久久精品欧美一区二区三区不卡 | 久久伊人精品视频 | av在线免费播放网站 | 精品一区二区三区免费 |