使用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 相关文章推荐
css图标制作教程制作云图标
Jan 19 HTML / CSS
css sprite简单实例
May 23 HTML / CSS
HTML5使用DOM进行自定义控制示例代码
Jun 08 HTML / CSS
全面解析HTML5中的标准属性与自定义属性
Feb 18 HTML / CSS
mui几种页面跳转方式对比总结概括
Aug 18 HTML / CSS
如何避免常见的6种HTML5错误用法
Nov 06 HTML / CSS
详解移动端h5页面根据屏幕适配的四种方案
Apr 15 HTML / CSS
H5离线存储Manifest原理及使用
Apr 28 HTML / CSS
HTML5 Blob对象的具体使用
May 22 HTML / CSS
CSS3 天气图标动画效果
Apr 06 HTML / CSS
关于CSS浮动与取消浮动的问题
Jun 28 HTML / CSS
仅仅使用 HTML/CSS 实现各类进度条的方式汇总
Nov 11 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
JAVA/JSP学习系列之二
2006/10/09 PHP
PHP与javascript对多项选择的处理
2006/10/09 PHP
模板引擎正则表达式调试小技巧
2011/07/20 PHP
PHP超级全局变量数组小结
2012/10/04 PHP
从零开始学YII2框架(三)扩展插件yii2-gird
2014/08/20 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
Ajax请求PHP后台接口返回信息的实例代码
2018/08/21 PHP
PHP+MySql实现一个简单的留言板
2020/07/19 PHP
JS实现时间格式化的方式汇总
2013/10/16 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
BootstrapValidator超详细教程(推荐)
2016/12/07 Javascript
js实现自动轮换选项卡
2017/01/13 Javascript
Angular组件化管理实现方法分析
2017/03/17 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
浅谈一个webpack构建速度优化误区
2019/06/24 Javascript
[46:14]完美世界DOTA2联赛PWL S3 Magma vs INK ICE 第一场 12.11
2020/12/16 DOTA
pip 错误unused-command-line-argument-hard-error-in-future解决办法
2014/06/01 Python
Python设计模式之工厂模式简单示例
2018/01/09 Python
python实现求解列表中元素的排列和组合问题
2018/03/15 Python
详解安装mitmproxy以及遇到的坑和简单用法
2019/01/21 Python
对python读取CT医学图像的实例详解
2019/01/24 Python
OpenCV+Python识别车牌和字符分割的实现
2019/01/31 Python
PyCharm搭建Spark开发环境实现第一个pyspark程序
2019/06/13 Python
Python 使用 docopt 解析json参数文件过程讲解
2019/08/13 Python
django框架auth模块用法实例详解
2019/12/10 Python
简单了解Python多态与属性运行原理
2020/06/15 Python
如何用Python和JS实现的Web SSH工具
2021/02/23 Python
利用CSS3 动画 绘画 圆形动态时钟
2018/03/20 HTML / CSS
预订奥兰多和佛罗里达州公园门票:FloridaTix
2018/01/03 全球购物
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
提高EJB性能都有哪些技巧
2012/03/25 面试题
大学生毕业自我鉴定范文
2013/09/19 职场文书
采购经理岗位职责
2014/02/16 职场文书
结婚喜宴主持词
2014/03/14 职场文书
农村党建工作汇报材料
2014/10/27 职场文书