PhoneGap中文网

标题: PhoneGap localStorage 本地数据存储 [打印本页]
作者: admin    时间: 2013-6-25 19:32
标题: PhoneGap localStorage 本地数据存储
PhoneGap localStorage 本地数据存储
  1. var storage = window.localStorage;
复制代码
方法：   

    key：返回指定位置的键的名称。
    getItem： 返回指定键所对应的记录。
    setItem：存储一个键值对。
    removeItem：删除指定键对应的记录。
    clear：删除所有的键值对。

详述：
localStorage提供对W3C Storage接口的访问，可以使用键值对的方式存储数据。

Key 的简单范例：
  1. var keyName = window.localStorage.key(0);
复制代码
Set Item的简单范例：
  1. window.localStorage.setItem("key", "value");
复制代码
Get Item的简单范例：
  1. var value = window.localStorage.getItem("key");
复制代码
// value的值现在是"value"

Remove Item的简单范例：
  1. window.localStorage.removeItem("key");
复制代码
Clear的简单范例：
  1. window.localStorage.clear();
复制代码
完整的范例：

  2. <!DOCTYPE html>
  3. <html>
  4. <head>   
  5. <title>Contact Example</title>

  7. <script type="text/javascript" charset="utf-8" src="phonegap.js"></script>
  8. <script type="text/javascript" charset="utf-8">

  10. // 等待加载PhoneGap
  11. document.addEventListener("deviceready", onDeviceReady, false);

  13. // PhoneGap加载完毕
  14. function onDeviceReady() {
  15.        window.localStorage.setItem("key", "value");
  16.        var keyname = window.localStorage.key(i);
  17.        [译注:应当是var keyname = window.localStorage.key(0);]
  18.        // keyname的值现在是“key”
  19.        var value = window.localStorage.getItem("key");
  20.        // value的值现在是“value”
  21.        window.localStorage.removeItem("key");
  22.        window.localStorage.setItem("key2", "value2");
  23.        window.localStorage.clear();
  24.        // localStorage现在是空的
  25. }

  27. </script>
  28. </head>
  29. <body>
  30.     <h1>Example</h1>
  31.     <p>localStorage</p>
  32. </body>
  33. </html>
复制代码
作者: ljtok    时间: 2015-6-1 12:24
收下，学习学习！！
作者: nuthang    时间: 2015-6-1 13:10
走过路过不要错过



欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/) Powered by Discuz! X3.2