国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > HTML5 > 正文

Html5 web本地存儲實例詳解

2024-09-05 07:21:45
字體:
來源:轉載
供稿:網友

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

Web Storage又分為兩種:

sessionStorage

localStorage

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

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

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

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

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

錄入聯系人,聯系人有姓名、手機號碼2個字段,以手機號作為key存入localStorage;根據手機號碼,查找機主;列出當前已保存的所有聯系人信息;

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

XML/HTML Code復制內容到剪貼板
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 尖扎县| 韩城市| 宿迁市| 玉田县| 兴山县| 西宁市| 通州区| 江门市| 宁武县| 沧州市| 定襄县| 洛南县| 牟定县| 同德县| 天气| 聂荣县| 大石桥市| 文安县| 澄迈县| 信阳市| 岚皋县| 手游| 铜鼓县| 湟中县| 吐鲁番市| 定襄县| 上饶市| 双牌县| 古浪县| 万宁市| 山丹县| 汨罗市| 洛阳市| 江都市| 彭阳县| 九台市| 安图县| 和林格尔县| 甘孜| 东港市| 密云县|