zoukankan      html  css  js  c++  java
  • Phonegap下localStorage使用实践

    HTML5的Web Storage API提供了两种客户端存储数据的方法

    localStorage和sessionStorage。 localStorage没有时间限制,程序升级也不会消失,可以满足持久化需求。

    设置localStorage的方法

     window.localStorage.setItem("likecolor","red");
    

    获得localStorage的方法

    window.localStorage.getItem("likecolor");
    

    完整的Code如下:

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
        <meta http-equiv="Content-Security-Policy" content="default-src * 'unsafe-inline'; style-src 'self' 'unsafe-inline'; media-src *" />
        <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
        <script type="text/javascript" src="js/jquery.js"></script>
        <script  type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script>
        <script type="text/javascript" charset="utf-8" src="cordova.js" ></script>
        <title>Hello World</title>
    
        <script type="text/javascript" charset="utf-8">
            document.addEventListener('deviceready', onDeviceReady, false);
            function onDeviceReady(){
                 $(".localStorageBtn").bind("click",function(event,ui){
                      setLocalStorage();
                 });
    
                 $(".showLocalStorageBtn").bind("click", function(event, ui ) {
                      getLocalStorage();
                 });
            }
    
             function setLocalStorage(){
                window.localStorage.setItem("likecolor","red");
             }
    
             function getLocalStorage(){
                 var item = window.localStorage.getItem("likecolor");
                 var info = document.getElementById("info");
                 info.innerHTML = item;
             }
        </script>
    </head>
    
    <body>
    <div id="page1" data-role="page" data-add-back-btn="true">
        <header data-role="header"><h1>Head</h1></header>
        <div data-role="content">
            <a data-role="button" class="localStorageBtn">set Local Storage</a>
            <a data-role="button" class="showLocalStorageBtn">get Local Storage</a>
            <p id="info"/>
        </div>
        <footer data-role="footer"><h1>Footer</h1></footer>
    </div>
    
    </body>
    
    </html>
    

      

  • 相关阅读:
    主流浏览器的内核私有属性css前缀
    判断一个js对象是否是Array,最准确的方法
    JavaScript的void运算符
    js闭包面试题
    请问何为混合应用 (Hybrid APP) ,与原生 Native 应用相比它的优劣势
    将闭包返回赋值给两个变量,执行这两个闭包变量
    js操作符“+”前后的类型转换
    js基本类型和基本包装类型的区别
    只能输入零和非零开头的数字的正则表达式
    将一个非匿名函数赋值给变量再执行这个非匿名函数会如何
  • 原文地址:https://www.cnblogs.com/linlf03/p/6656234.html
Copyright © 2011-2022 走看看