使用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的steps属性制作帧动画
Apr 25 HTML / CSS
纯CSS实现聊天框小尖角、气泡效果
Apr 04 HTML / CSS
CSS3中的常用选择器使用示例整理
Jun 13 HTML / CSS
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
Dec 20 HTML / CSS
CSS3 transforms应用于背景图像的解决方法
Apr 16 HTML / CSS
Canvas 文本转粒子效果的实现代码
Feb 14 HTML / CSS
input file上传文件样式支持html5的浏览器解决方案
Nov 14 HTML / CSS
纯html5+css3下拉导航菜单实现代码
Mar 18 HTML / CSS
HTML5 在canvas中绘制文本附效果图
Jun 23 HTML / CSS
h5调用摄像头的实现方法
Jun 01 HTML / CSS
浅谈HTML5 服务器推送事件(Server-sent Events)
Aug 01 HTML / CSS
HTML5中 rem适配方案与 viewport 适配问题详解
Apr 27 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
php5中date()得出的时间为什么不是当前时间的解决方法
2008/06/30 PHP
PHP读取XML值的代码(推荐)
2011/01/01 PHP
服务器上配置PHP运行环境教程
2015/02/12 PHP
PHP使用Memcache时模拟命名空间及缓存失效问题的解决
2016/02/27 PHP
PHP中非常有用却鲜有人知的函数集锦
2019/08/17 PHP
jquery的ajax和getJson跨域获取json数据的实现方法
2014/02/04 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
node.js中的socket.io的广播消息
2014/12/15 Javascript
jQuery中replaceWith()方法用法实例
2014/12/25 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
2016/08/05 Javascript
js实现按钮控制带有停顿效果的图片滚动
2016/08/30 Javascript
获取IE浏览器Cookie信息的方法
2017/01/23 Javascript
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
2017/10/21 Javascript
使用 vue-i18n 切换中英文效果
2018/05/23 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
简述Vue中容易被忽视的知识点
2019/12/09 Javascript
JS实现简单的表格增删
2020/01/16 Javascript
Node.js Domain 模块实例详解
2020/03/18 Javascript
详解Python各大聊天系统的屏蔽脏话功能原理
2016/12/01 Python
Python中标准模块importlib详解
2017/04/16 Python
使用Python进行目录的对比方法
2018/11/01 Python
用python脚本24小时刷浏览器的访问量方法
2018/12/07 Python
如何将PySpark导入Python的放实现(2种)
2020/04/26 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
Django中使用Json返回数据的实现方法
2020/06/03 Python
python如何遍历指定路径下所有文件(按按照时间区间检索)
2020/09/14 Python
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
新电JAVA笔试题目
2014/08/31 面试题
const和static readonly区别
2013/05/20 面试题
一年级学生评语大全
2014/04/21 职场文书
建筑工地宣传标语
2014/06/18 职场文书
团日活动总结报告
2014/06/25 职场文书
党的群众路线教育实践活动党员个人剖析材料
2014/10/08 职场文书
单位政审意见范文
2015/06/04 职场文书
党员反邪教心得体会
2016/01/15 职场文书
Python机器学习应用之工业蒸汽数据分析篇详解
2022/01/18 Python