使用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弹性布局内容对齐(justify-content)属性使用详解
Jul 31 HTML / CSS
IE兼容css3圆角的实现代码
Jul 21 HTML / CSS
CSS3用@font-face实现自定义英文字体
Sep 23 HTML / CSS
html5实现多文件的上传示例代码
Feb 13 HTML / CSS
Html5大文件断点续传实现方法
Dec 05 HTML / CSS
使用phonegap进行本地存储的实现方法
Mar 31 HTML / CSS
微信html5页面调用第三方位置导航的示例
Mar 14 HTML / CSS
html5 figure和figcaption的使用方法
Sep 10 HTML / CSS
HTML5 背景的显示区域实现
Jul 09 HTML / CSS
详解HTML5布局和HTML5标签
Oct 26 HTML / CSS
CSS的class与id常用的命名规则
May 18 HTML / CSS
详解CSS不定宽溢出文本适配滚动
May 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 第二节 数据类型之字符串类型
2012/04/28 PHP
php图片加中文水印实现代码分享
2012/10/31 PHP
ThinkPHP开发框架函数详解:C方法
2015/08/14 PHP
JavaScript事件列表解说
2006/12/22 Javascript
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
2007/01/29 Javascript
用JavaScript 处理 URL 的两个函数代码
2007/08/13 Javascript
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
使用JavaScript构建JSON格式字符串实现步骤
2013/03/22 Javascript
js中apply方法的使用详细解析
2013/11/04 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
2015/10/02 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
JavaScript模版引擎的基本实现方法浅析
2016/02/15 Javascript
常用的js验证和数据处理总结
2016/08/02 Javascript
微信小程序开发之圆形菜单 仿建行圆形菜单实例
2016/12/12 Javascript
JavaScript Date 知识浅析
2017/01/29 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
Vue对象赋值视图不更新问题及解决方法
2019/06/03 Javascript
vue+element导航栏高亮显示的解决方式
2019/11/12 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
[04:13]2014DOTA2国际邀请赛 专访DC目前形势不容乐观
2014/07/12 DOTA
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
Python处理json字符串转化为字典的简单实现
2016/07/07 Python
caffe binaryproto 与 npy相互转换的实例讲解
2018/07/09 Python
Html5 canvas实现粒子时钟的示例代码
2018/09/06 HTML / CSS
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
英国领先的电子、技术和办公用品购物网站:Ebuyer
2018/04/04 全球购物
常用UNIX 命令(Linux的常用命令)
2013/07/10 面试题
员工辞职信怎么写
2015/02/27 职场文书
仙境之桥观后感
2015/06/16 职场文书
2016优秀毕业生个人事迹材料
2016/02/29 职场文书
学校就业保障协议书
2019/06/24 职场文书
python中的被动信息搜集
2021/04/29 Python
美国运营商 T-Mobile 以 117.83Mb/s 的速度排第一位
2022/04/21 数码科技