HTML5的local storage

最新推荐文章于 2025-07-21 15:58:16 发布

转载最新推荐文章于 2025-07-21 15:58:16 发布 · 58 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/linn/p/4054488.html

本文介绍了一种利用HTML5本地存储技术在前端实现用户登录状态持久化的解决方案，通过定义save_html5_storage和read_html5_storage函数来保存和读取用户的登录名，确保用户在关闭浏览器后仍能保持登录状态。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function clickLogin(){
          var userName = $("#user").val().trim();
          // console.log(userName);
          // $.cookie("userNmae",userName,{expires: 300});
          save_html5_storage("userNmae",userName);
}

// 检测是否支持本地存储
      function supports_html5_storage() {
          try {
              return 'localStorage' in window && window['localStorage'] !== null;
          } catch (e) {
              return false;
          }
      }

      //本地存储保存信息代码
      function save_html5_storage(key,value) {
          if(supports_html5_storage()){
              localStorage[key] = value;
          }
      }
      //读取本地存储信息代码
      function read_html5_storage(key) {
          if(supports_html5_storage()){
              return localStorage[key];
          }
      }


      window.onload = function(){       
        
        $("#user").val(read_html5_storage("userNmae"));
      }