phonegap本地存储详解


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来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>

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

H5新标签浏览器的兼容问题

i、em、b、strong元素的使用详解

以上就是phonegap本地存储详解的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

dw文本框制作步骤详解

详解vue列表渲染

vue.directive的自定义指令详解

vue.directive()的图文详解

html的语法详解

phonegap操作数据库详解

html与xhtml的区别详解

angular material的使用详解

dreamweaver裁剪图片技巧详解

indexeddb数据库的使用详解

更多相关阅读请进入《phonegap》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...