奶头挺立呻吟高潮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

主站蜘蛛池模板: 北宁市| 阳山县| 蕲春县| 清苑县| 潮安县| 太原市| 土默特右旗| 方山县| 九龙城区| 荣昌县| 苍山县| 黑河市| 宽城| 信宜市| 都江堰市| 耒阳市| 镇江市| 永川市| 日喀则市| 神池县| 衡山县| 独山县| 手机| 泰来县| 繁昌县| 望城县| 黑水县| 富平县| 长宁县| 剑阁县| 奉新县| 团风县| 松原市| 行唐县| 外汇| 玛沁县| 宝兴县| 蒙城县| 海城市| 湾仔区| 凤冈县|