使用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教程:新增加的结构伪类
Apr 02 HTML / CSS
10个很棒的 CSS3 开发工具 推荐
May 16 HTML / CSS
CSS3实现的炫酷菜单代码分享
Mar 12 HTML / CSS
纯css3使用vw和vh实现自适应的方法
Feb 09 HTML / CSS
CSS3 对过渡(transition)进行调速以及延时
Oct 21 HTML / CSS
Html5游戏开发之乒乓Ping Pong游戏示例(二)
Jan 21 HTML / CSS
基于IE10/HTML5 开发
Apr 22 HTML / CSS
基于HTML5 的人脸识别活体认证的实现方法
Jun 22 HTML / CSS
Html5百叶窗效果的示例代码
Dec 11 HTML / CSS
HTML5 body设置自适应全屏
May 07 HTML / CSS
Bootstrap File Input文件上传组件
Dec 01 HTML / CSS
如何利用 CSS Overview 面板重构优化你的网站
Oct 24 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(8) php 数组
2010/03/05 PHP
php实现在线生成条形码示例分享(条形码生成器)
2013/12/30 PHP
php利用cookie实现自动登录的方法
2014/12/10 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
PHP框架Laravel中使用UUID实现数据分表操作示例
2018/05/30 PHP
DLL+ ActiveX控件+WEB页面调用例子
2010/08/07 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
2013/10/11 Javascript
正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)
2013/11/26 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
javascript设计模式之解释器模式详解
2014/06/05 Javascript
node.js中的fs.realpathSync方法使用说明
2014/12/16 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
2015/09/30 Javascript
JavaScript 事件对内存和性能的影响
2017/01/22 Javascript
JS跨域请求外部服务器的资源
2017/02/06 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
2017/09/19 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
2018/08/03 jQuery
微信小程序签到功能
2018/10/31 Javascript
微信小程序实现简单跑马灯效果
2020/05/26 Javascript
基于node简单实现RSA加解密的方法步骤
2019/03/21 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
vue项目如何监听localStorage或sessionStorage的变化
2021/01/04 Vue.js
[03:01]2014DOTA2国际邀请赛 小组赛7月13日TOPPLAY
2014/07/14 DOTA
[03:26]回顾2015国际邀请赛中国区预选赛
2015/06/09 DOTA
Python sqlite3事务处理方法实例分析
2017/06/19 Python
Python实现简单的HttpServer服务器示例
2017/09/25 Python
使用python实现ANN
2017/12/20 Python
pytorch 预训练层的使用方法
2019/08/20 Python
python实现同一局域网下传输图片
2020/03/20 Python
浅析pandas随机排列与随机抽样
2021/01/22 Python
Python3+SQLAlchemy+Sqlite3实现ORM教程
2021/02/16 Python
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
计算机工程学院个人求职信
2013/10/05 职场文书
护士试用期自我鉴定
2014/02/08 职场文书
《失物招领》教学反思
2016/02/20 职场文书