使用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 简单又实用的5个属性
Mar 04 HTML / CSS
CSS去掉A标签(链接)虚线框的方法
Apr 01 HTML / CSS
详解CSS3的box-shadow属性制作边框阴影效果的方法
May 10 HTML / CSS
利用CSS3制作简单的3d半透明立方体图片展示
Mar 25 HTML / CSS
css3中flex布局宽度不生效的解决
Dec 09 HTML / CSS
HTML5标签使用方法详解
Nov 27 HTML / CSS
HTML5 新标签全部总汇(推荐)
Jun 13 HTML / CSS
HTML5新标签兼容——&gt; 的两种方法
Sep 12 HTML / CSS
canvas学习总结三之绘制路径-线段
Jan 31 HTML / CSS
html5 canvas绘制网络字体的常用方法
Aug 26 HTML / CSS
详解flex:1什么意思
Jul 23 HTML / CSS
CSS使用Flex和Grid布局实现3D骰子
Aug 05 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 冒泡排序 交换排序法
2011/05/10 PHP
php性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
JS实现简单的顶部定时关闭层效果
2014/06/15 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
2015/09/04 Javascript
easyui combogrid实现本地模糊搜索过滤多列
2017/05/13 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
Vue学习笔记进阶篇之vue-router安装及使用方法
2017/07/19 Javascript
React如何利用相对于根目录进行引用组件详解
2017/10/09 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
angular实现页面打印局部功能的思考与方法
2018/04/13 Javascript
js实现购物车功能
2018/06/12 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
2019/09/06 Javascript
原生js实现贪食蛇小游戏的思路详解
2019/11/26 Javascript
JS实现烟花爆炸效果
2020/03/10 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
2020/05/20 Javascript
Python中的__SLOTS__属性使用示例
2015/02/18 Python
Python中操作符重载用法分析
2016/04/29 Python
Python 循环语句之 while,for语句详解
2018/04/23 Python
python安装numpy和pandas的方法步骤
2019/05/27 Python
python实现爬取百度图片的方法示例
2019/07/06 Python
详解python中__name__的意义以及作用
2019/08/07 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
Skyscanner香港:机票比价, 平机票和廉价航空机票预订
2020/02/07 全球购物
广告传媒专业应届生求职信
2014/03/01 职场文书
二手房购房意向书范本
2014/04/01 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
计算机实训报告总结
2014/11/05 职场文书
法院执行局工作总结
2015/08/11 职场文书
游戏开发中如何使用CocosCreator进行音效处理
2021/04/14 Javascript
MySQL分区表实现按月份归类
2021/11/01 MySQL
Golang 切片(Slice)实现增删改查
2022/04/22 Golang
MySQL控制流函数(-if ,elseif,else,case...when)
2022/07/07 MySQL