使用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教程(6):创建网站多列
Apr 02 HTML / CSS
使用CSS3的::selection改变选中文本颜色的方法
Sep 29 HTML / CSS
CSS3实现鼠标悬停显示扩展内容
Aug 24 HTML / CSS
10分钟理解CSS3 FlexBox弹性布局
Dec 20 HTML / CSS
CSS实现进度条和订单进度条的示例
Nov 05 HTML / CSS
CSS3 实现的加载动画
Dec 07 HTML / CSS
CSS3 实现的火焰动画
Dec 07 HTML / CSS
HTML5 Canvas的性能提高技巧经验分享
Jul 02 HTML / CSS
HTML5地理定位_动力节点Java学院整理
Jul 12 HTML / CSS
html5 冒号分隔符对齐的实现
Jul 31 HTML / CSS
详解淘宝H5 sign加密算法
Aug 25 HTML / CSS
分享几个实用的CSS代码块
Jun 10 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
PHPLog php 程序调试追踪工具
2009/09/09 PHP
php INI配置文件的解析实现分析
2011/01/04 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
js 纯数字不重复排列的另类方法
2010/07/17 Javascript
jquery maxlength使用说明
2011/09/09 Javascript
javascript自然分类法算法实现代码
2013/10/11 Javascript
js 绑定键盘鼠标事件示例代码
2014/02/12 Javascript
让checkbox不选中即将选中的checkbox不选中
2014/07/11 Javascript
AngularJS语法详解
2015/01/23 Javascript
Node.js下自定义错误类型详解
2016/10/17 Javascript
vue日期组件 支持vue1.0和2.0
2017/01/09 Javascript
webpack开发环境和生产环境的深入理解
2018/11/08 Javascript
如何基于filter实现网站整体变灰功能
2020/04/17 Javascript
vue中如何添加百度统计代码
2020/12/19 Vue.js
[46:02]DOTA2上海特级锦标赛D组资格赛#2 Liquid VS VP第二局
2016/02/28 DOTA
centos系统升级python 2.7.3
2014/07/03 Python
python中lambda()的用法
2017/11/16 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
浅析python继承与多重继承
2018/09/13 Python
python3射线法判断点是否在多边形内
2019/06/28 Python
Python argparse模块应用实例解析
2019/11/15 Python
对tensorflow中tf.nn.conv1d和layers.conv1d的区别详解
2020/02/11 Python
python接口自动化框架实战
2020/12/23 Python
html5+css3之CSS中的布局与Header的实现
2014/11/21 HTML / CSS
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
联想哥伦比亚网上商城:Lenovo Colombia
2017/01/10 全球购物
美国购买和销售礼品卡平台:Raise
2017/01/13 全球购物
yy结婚证婚词
2014/01/10 职场文书
宠物店的创业计划书范文
2014/01/11 职场文书
社区党员志愿服务活动方案
2014/08/18 职场文书
教师党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
大学生创业事迹材料
2014/12/30 职场文书
催款函范本大全
2015/06/24 职场文书
Redis之RedisTemplate配置方式(序列和反序列化)
2022/03/13 Redis
JavaWeb实现显示mysql数据库数据
2022/03/19 Java/Android
Python绘制散点图之可视化神器pyecharts
2022/07/07 Python