使用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打造一款漂亮的卡哇伊按钮
Mar 20 HTML / CSS
移动web模拟客户端实现多方框输入密码效果【附代码】
Mar 25 HTML / CSS
Html5页面在微信端的分享的实现方法
Aug 30 HTML / CSS
html5 offlline 缓存使用示例
Jun 24 HTML / CSS
HTML5实现的图片无限加载的瀑布流效果另带边框圆角阴影
Mar 07 HTML / CSS
HTML5注册页面示例代码
Mar 27 HTML / CSS
探讨HTML5移动开发的几大特性(必看)
Dec 30 HTML / CSS
canvas实现扭蛋机动画效果的示例代码
Oct 17 HTML / CSS
h5网页水印SDK的实现代码示例
Feb 19 HTML / CSS
如何在Canvas上的图形/图像绑定事件监听的实现
Sep 16 HTML / CSS
原生CSS实现文字无限轮播的通用方法
Mar 30 HTML / CSS
css弧边选项卡的项目实践
May 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
咖啡机如何保养和日常清洁?
2021/03/03 冲泡冲煮
php 保留小数点
2009/04/21 PHP
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
ThinkPHP、ZF2、Yaf、Laravel框架路由大比拼
2015/03/25 PHP
JS 中document.URL 和 windows.location.href 的区别
2009/11/11 Javascript
jQuery侧边栏随窗口滚动实现方法
2013/03/04 Javascript
jQuery选择器中含有空格的使用示例及注意事项
2013/08/25 Javascript
JavaScript判断访问的来源是手机还是电脑,用的哪种浏览器
2013/12/12 Javascript
jQuery Validate 验证,校验规则写在控件中的具体实例
2014/02/27 Javascript
node.js中的buffer.write方法使用说明
2014/12/10 Javascript
jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结
2015/12/24 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
2016/06/27 Javascript
Node.js复制文件的方法示例
2016/12/29 Javascript
详解swiper在vue中的应用(以3.0为例)
2018/09/20 Javascript
脚手架vue-cli工程webpack的作用和特点
2018/09/29 Javascript
从零开始搭建vue移动端项目到上线的步骤
2018/10/15 Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
2019/09/20 Javascript
Python内置的字符串处理函数详细整理(覆盖日常所用)
2014/08/19 Python
python实现自动登录后台管理系统
2018/10/18 Python
Python通过paramiko远程下载Linux服务器上的文件实例
2018/12/27 Python
Python实现定时执行任务的三种方式简单示例
2019/03/30 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
pytorch 模型可视化的例子
2019/08/17 Python
python中seaborn包常用图形使用详解
2019/11/25 Python
如何利用pygame实现简单的五子棋游戏
2019/12/29 Python
TensorFlow MNIST手写数据集的实现方法
2020/02/05 Python
python“静态”变量、实例变量与本地变量的声明示例
2020/11/13 Python
CSS3中的clip-path使用攻略
2015/08/03 HTML / CSS
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
高一生物教学反思
2014/01/17 职场文书
大班幼儿评语大全
2014/04/30 职场文书
小学教师师德师风自我剖析材料
2014/09/29 职场文书
4S店销售内勤岗位职责
2015/04/13 职场文书
vue2实现provide inject传递响应式
2021/05/21 Vue.js
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python