当前位置:首页 / 网页制作 / html5教程 / phonegap本地存储介绍
phonegap本地存储介绍
芯晴素材特效 分类:html5教程 发布日期:2018-05-11

这次给大家带来phonegap本地存储详解,phonegap本地存储的注意事项有哪些,下面就是实战案例,一起来看一下。

实例如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!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>
        <p id='result'>show content</p>
    </body>
   
</html>

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

热门素材

推荐一款jQuery版淡出淡入的图片幻灯切

2013-01-15   浏览:8809

一款CSS+JS打造的个性菜单

2013-01-04   浏览:7845

全屏游动的图片,可以飘到浏览器外边

2012-12-30   浏览:7987

又一款纯CSS实现的滑动门,代码非常简

2013-01-04   浏览:9039

Canvas粒子线条连接动态背景特效

2017-05-04   浏览:859

用CSS控制滚动条样式

2012-12-31   浏览:8114

文字切换插件Adjector.js

2017-03-13   浏览:195

JS+CSS打造的鼠标点击触发的导航菜单

2013-01-04   浏览:9863

JS实现的螺旋效果

2012-12-27   浏览:7912

前端模拟微信app支付页面效果

2017-03-09   浏览:265

jQuery标签插件flyLabel

2017-03-16   浏览:368

html5手机端图片上传裁剪网页下载

2017-03-13   浏览:219