Html5 web本地存储实例详解

时间：2017-04-09

要实现联系人的保存，只需要简单实现如下JS方法即可：

XML/HTML Code复制内容到剪贴板
  1. functionsave(){   
  2. varmobilephone=document.getElementById("mobilephone").value;   
  3. varuser_name=document.getElementById("user_name").value;   
  4. localStorage.setItem(mobilephone,user_name);   
  5. } //用于保存数据  

要实现查找机主，则实现如下JS方法：

XML/HTML Code复制内容到剪贴板
  1. //查找数据   
  2. functionfind(){   
  3. varsearch_phone=document.getElementById("search_phone").value;   
  4. varname=localStorage.getItem(search_phone);   
  5. varfind_result=document.getElementById("find_result");   
  6. find_result.innerHTML=search_phone+"的机主是："+name;   
  7. }  

  • 共5页:
  • 上一页
    • 2/5
  • 下一页
    • 上一篇：Html5元素及基本语法详解 下一篇：浅谈Html5中视频 音频标签 进度条的问题

    相关文章

    最新文章

    Copyright © 2022-2023 HTML5模板网 版权所有并保留所有权