使用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实现右侧底部悬浮效果(悬浮QQ、微信、微博、邮箱等联系方式)
Apr 24 HTML / CSS
纯CSS3实现8组超炫酷鼠标滑过图片动画
Mar 16 HTML / CSS
CSS3实现自定义Checkbox特效实例代码
Apr 24 HTML / CSS
html5 input元素新特性_动力节点Java学院整理
Jul 06 HTML / CSS
详解H5本地储存Web Storage
Jul 03 HTML / CSS
HTML5移动端手机网站开发流程
Apr 25 HTML / CSS
HTML5 canvas基本绘图之绘制线条
Jun 27 HTML / CSS
如何在Canvas中添加事件的方法示例
May 21 HTML / CSS
html5写一个BUI折叠菜单插件的实现方法
Sep 11 HTML / CSS
HTML5图片层叠的实现示例
Jul 07 HTML / CSS
AmazeUI 折叠面板的实现代码
Aug 17 HTML / CSS
html+css实现环绕倒影加载特效
Jul 07 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
ThinkPHP 连接Oracle数据库的详细教程[全]
2012/07/16 PHP
php弹出对话框实现重定向代码
2014/01/23 PHP
JS获取页面窗口大小的代码解读
2011/12/01 Javascript
jQuery获取注册信息并提示实现代码
2013/04/21 Javascript
jquery js 获取时间差、时间格式具体代码
2013/06/05 Javascript
JavaScript程序员应该知道的45个实用技巧
2014/03/04 Javascript
javascript屏蔽右键代码
2014/05/15 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
2015/09/04 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
BootStrap实现轮播图效果(收藏)
2016/12/30 Javascript
利用canvas实现的加载动画效果实例代码
2017/07/05 Javascript
Element input树型下拉框的实现代码
2018/12/21 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
详解Vue-cli3.X使用px2rem遇到的问题
2019/08/09 Javascript
vue项目中极验验证的使用代码示例
2019/12/03 Javascript
Vue 实现分页与输入框关键字筛选功能
2020/01/02 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
2020/02/11 Javascript
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
详解Python的Flask框架中的signals信号机制
2016/06/13 Python
python字符串过滤性能比较5种方法
2017/06/22 Python
python实现发送邮件功能
2017/07/22 Python
python实现简单日期工具类
2019/04/24 Python
Python实现FM算法解析
2019/06/18 Python
TFRecord格式存储数据与队列读取实例
2020/01/21 Python
python新手学习使用库
2020/06/11 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
史上最详细的Python打包成exe文件教程
2021/01/17 Python
使用HTML5捕捉音频与视频信息概述及实例
2018/08/22 HTML / CSS
美国首屈一指的礼品篮供应商:GiftTree
2018/01/06 全球购物
世界上最全面的草药补充剂和顶级品牌维生素网站:HerbsPro
2019/01/20 全球购物
Goodee官方商店:迷你投影仪
2021/03/15 全球购物
编写用C语言实现的求n阶阶乘问题的递归算法
2014/10/21 面试题
CLR与IL分别是什么含义
2016/08/23 面试题
四风剖析查摆对照检查材料思想汇报
2014/09/24 职场文书
python-for x in range的用法(注意要点、细节)
2021/05/10 Python