奶头挺立呻吟高潮av全片,成人试看120秒体验区,性欧美极品v,A片高潮抽搐揉捏奶头视频

HTML DOM

探索HTML5本地存儲功能的運用技巧

時間:2024-09-16 01:59:49 HTML DOM 我要投稿
  • 相關推薦

探索HTML5本地存儲功能的運用技巧

  我們來實現一個簡單應用,該應用中用戶輸入用戶名和手機號,相關因襲可以保存到保存到本地,并可以進行查找、展示等基本操作。

  以下只給我出關鍵代碼,項目結構和基本代碼以及CSS樣式大家可以自己添加。

  我們按照功能進行分布完成。

  1、存儲功能

  這里我們要完成,當用戶輸入姓名和手機號時,自己的信息存儲到Web Storage中,html中代碼如下:

  XML/HTML Code復制內容到剪貼板

  姓名:手機號:

  以上代碼是一個表單,用戶輸入姓名和手機號后,點擊新增記錄,即可在本地中保存姓名-手機號鍵值對。具體的js中save函數代碼如下:

  JavaScript Code復制內容到剪貼板 functionsave(){ varmobilePhone=document.getElementById(“mobilephone”).value; varuserName=dpcument.getElementById(“username”).value; localStorage.setItem(mobilePhone,userName); }

  Save函數的邏輯很簡單,就是取出用戶輸入的值,然后利用localStorage的setItem功能以鍵值對的形式將信息存儲到Web Storage中。

  2、查找功能

  查找功能需要實現,當用戶輸入某個電話號碼時,顯示數據庫中對應查找信息。HTML代碼如下:

  XML/HTML Code復制內容到剪貼板請輸入手機號:

  其中result區域用來放置查詢的結果。下面給出js中find函數的相關代碼:

  JavaScript Code復制內容到剪貼板 functionfind(){ varsearch=document.getElementById(“search”).value; varname=localStorge.gteItem(search); varresult=document.getElementById(“result”); result.innerHTML=search+“:”+name; }

  先獲取用戶輸入的手機號,然后利用getItem放大從數據庫中獲取手機號為這個的用戶名,最后一同顯示在result區域中。

  以上兩個是最基本的功能,我們將會繼續探索本地存儲的高級用法,以及如何在移動應用中自如的運用本地存儲功能。

【探索HTML5本地存儲功能的運用技巧】相關文章:

聲樂中的氣息運用技巧02-24

設計中顏色的運用技巧01-04

CAD圖層功能的使用技巧01-14

紀錄片編導制作的技巧運用07-02

PPT的功能04-23

ASP的特點與功能04-20

叉車功能分類12-07

社會工作的功能07-07

網頁設計的色彩運用09-11

社交技巧聊天技巧04-25

主站蜘蛛池模板: 东莞市| 光泽县| 南开区| 峨边| 门头沟区| 巴林左旗| 正阳县| 巴南区| 博客| 清流县| 陕西省| 泰兴市| 吉隆县| 瑞安市| 郯城县| 石棉县| 渭南市| 屯门区| 平遥县| 沧源| 克什克腾旗| 石棉县| 临朐县| 宁波市| 靖州| 高碑店市| 东乡| 南丹县| 天峨县| 宁波市| 航空| 腾冲县| 潢川县| 东山县| 晋州市| 噶尔县| 湘潭县| 青浦区| 江达县| 闵行区| 道孚县|