使用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常用功能的写法
Jun 05 HTML / CSS
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
Sep 02 HTML / CSS
利用CSS3的transition属性实现滑动效果
Aug 05 HTML / CSS
CSS3中几个新增加的盒模型属性使用教程
Mar 01 HTML / CSS
用React加CSS3实现微信拆红包动画效果
Mar 13 HTML / CSS
css3 实现元素弧线运动的示例代码
Apr 24 HTML / CSS
CSS3+JavaScript实现炫酷呼吸效果的示例代码
Jun 15 HTML / CSS
使用phonegap检测网络状态的方法
Mar 30 HTML / CSS
HTML5 Canvas的事件处理介绍
Apr 24 HTML / CSS
简单介绍HTML5中audio标签的使用
Sep 24 HTML / CSS
html5使用canvas压缩图片的示例代码
Sep 11 HTML / CSS
HTML5来实现本地文件读取和写入的实现方法
May 25 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基础知识:类与对象(5) static
2006/12/13 PHP
两个强悍的php 图像处理类1
2009/06/15 PHP
PHP中基于ts与nts版本- vc6和vc9编译版本的区别详解
2013/04/26 PHP
重新认识php array_merge函数
2014/08/31 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
PHP中快速生成随机密码的几种方式
2017/04/17 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
js可突破windows弹退效果代码
2008/08/09 Javascript
密码强度检测效果实现原理与代码
2013/01/04 Javascript
jquery判断元素的子元素是否存在的示例代码
2014/02/04 Javascript
javascript修改IMG标签的src问题
2014/03/28 Javascript
一个简单的jquery进度条示例
2014/04/28 Javascript
Javascript获取CSS伪元素属性的实现代码
2014/09/28 Javascript
JavaScript中的标签语句用法分析
2015/02/10 Javascript
纯javascript实现分页(两种方法)
2015/08/26 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
2015/12/09 Javascript
AngularJS中的指令全面解析(必看)
2016/05/20 Javascript
JavaScript的字符串方法汇总
2016/07/31 Javascript
Node.js 日志处理模块log4js
2016/08/28 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
2016/10/09 Javascript
微信小程序 删除项目工程实现步骤
2016/11/10 Javascript
详解bootstrap的modal-remote两种加载方式【强化】
2017/01/27 Javascript
node.js中fs文件系统模块的使用方法实例详解
2020/02/13 Javascript
国内常用的js类库大全(CDN公共库)
2020/06/24 Javascript
python 网络爬虫初级实现代码
2016/02/27 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
python实现维吉尼亚加密法
2019/03/20 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
如何基于python操作json文件获取内容
2019/12/24 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
HTML5中input输入框默认提示文字向左向右移动的示例代码
2020/09/10 HTML / CSS
移动端HTML5开发神器之vconsole详解
2020/12/15 HTML / CSS
美国排名第一的在线葡萄酒商店:Wine.com
2016/09/07 全球购物
个人素质的自我评价分享
2013/12/16 职场文书
活着观后感
2015/06/03 职场文书