使用phonegap进行本地存储的实现方法


Posted in HTML / CSS onMarch 31, 2017

实例如下:

 

<!DOCTYPE html> 
<html> 
  
    <head> 
        <meta charset="UTF-8"> 
        <title>Database Example</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
            document.addEventListener("deviceready", onDeviceReady, false); 
  
            function onDeviceReady() { 
            } 
              
            function storeName(){ 
                var myName=document.getElementById("name").value; 
                window.localStorage.setItem("name",myName);//存储 
                var result=document.getElementById("result"); 
                result.innerHTML="Your name is"+window.localStorage.getItem("name");//取出存储值 
                return false; 
            } 
              
        </script> 
    </head> 
  
    <body> 
        <form> 
            <p>What is your name?<br /> 
            <input type='text' id='name' onkeyup='storeName()'></p>//键盘弹起 
            <input type='text' id='name' onblur='storeName()'></p>//焦点移到输入框外 
        </form> 
        <div id='result'>show content</div> 
    </body> 
  
</html>

以上这篇使用phonegap进行本地存储的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
CSS3中利用animation属性创建雪花飘落特效
May 14 HTML / CSS
CSS3 linear-gradient线性渐变生成加号和减号的方法
Nov 21 HTML / CSS
纯CSS3制作页面切换效果的实例代码
May 30 HTML / CSS
CSS3 实现footer 固定在底部(无论页面多高始终在底部)
Oct 15 HTML / CSS
CSS3 input框的实现代码类似Google登录的动画效果
Aug 04 HTML / CSS
HTML5的video标签的浏览器兼容性增强方案分享
May 19 HTML / CSS
html5 canvas实现跟随鼠标旋转的箭头
Mar 11 HTML / CSS
通过HTML5 Canvas API绘制弧线和圆形的教程
Mar 14 HTML / CSS
html5 Canvas实现图片旋转的示例
Jan 15 HTML / CSS
canvas绘制视频封面的方法
Feb 05 HTML / CSS
CSS filter 有什么神奇用途
May 25 HTML / CSS
CSS实现单选折叠菜单功能
Nov 01 HTML / CSS
使用phonegap创建联系人的实现方法
Mar 30 #HTML / CSS
使用phonegap进行提示操作的具体方法
Mar 30 #HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 #HTML / CSS
HTML5无刷新改变当前url的代码
Mar 15 #HTML / CSS
HTML5各种头部meta标签的功能(推荐)
Mar 13 #HTML / CSS
处理HTML5新标签的浏览器兼容版问题
Mar 13 #HTML / CSS
HTML5 LocalStorage 本地存储刷新值还在
Mar 10 #HTML / CSS
You might like
PHP优于Node.js的五大理由分享
2012/09/15 PHP
php+mysql数据库查询实例
2015/01/21 PHP
PHP和C#可共用的可逆加密算法详解
2015/10/26 PHP
Nginx环境下PHP flush失效的解决方法
2016/10/19 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
YII2框架中使用RBAC对模块,控制器,方法的权限控制及规则的使用示例
2020/03/18 PHP
javascript-简单的计算器实现步骤分解(附图)
2013/05/30 Javascript
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
基于jQuery+PHP+Mysql实现在线拍照和在线浏览照片
2015/09/06 Javascript
js判断当前页面在移动设备还是在PC端中打开
2016/01/06 Javascript
基于jquery实现三级下拉菜单
2016/05/10 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
几种响应式文字详解
2017/05/19 Javascript
详解.vue文件解析的实现
2018/06/11 Javascript
Vue实现左右菜单联动实现代码
2018/08/12 Javascript
实例讲解JavaScript截取字符串
2018/11/30 Javascript
node.js使用http模块创建服务器和客户端完整示例
2020/02/10 Javascript
js模拟实现烟花特效
2020/03/10 Javascript
Django学习教程之静态文件的调用详解
2018/05/08 Python
Python使用一行代码获取上个月是几月
2018/08/30 Python
Python读取xlsx文件的实现方法
2019/07/04 Python
Python调用graphviz绘制结构化图形网络示例
2019/11/22 Python
Python多个装饰器的调用顺序实例解析
2020/05/22 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
Giglio英国站:意大利奢侈品购物网
2018/03/06 全球购物
沙龙级头发造型工具:FOXYBAE
2018/07/01 全球购物
教育英语专业毕业生的求职信
2014/03/13 职场文书
大学生就业求职信
2014/06/12 职场文书
霸气队列口号
2014/06/18 职场文书
2014领导班子专题民主生活会对照检查材料思想汇报
2014/09/23 职场文书
八项规定个人对照检查材料思想汇报
2014/09/25 职场文书
入党积极分子十八届四中全会思想汇报
2014/10/23 职场文书
先进个人申报材料
2014/12/30 职场文书
运动会口号霸气押韵
2015/12/24 职场文书
2019西餐厅创业计划书范文!
2019/07/12 职场文书