当前位置：文江博客话题详情

JavaScript HTML5 localStorage

H5 localstorage

发布于 2022-09-04 07:28:58 字数 203 浏览 20 评论 0

图片描述图中左边的的input的val值为对应下标th列的宽度，可以手动调节，但是调节过后怎么存储他们的值，这样下次登陆(或者刷新)这个界面就是上一次设置好的值。

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（4）

尐偏执 2022-09-11 07:28:58

谢邀~

这个还没解决吗?

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script src="jquery.min.js"></script>
  <style>
    .item{
      background: green;
      color: white;
      height: 50px;
      width: 50px;
      display: inline-block;
      text-align: center;
      line-height: 50px;
    }
  </style>
</head>
<body>
  <div id="test">

  </div>
  <input type="text" class="itemInput" id="name0" />
  <input type="text" class="itemInput" id="name1" />
  <input type="text" class="itemInput" id="name2" />
  <input type="text" class="itemInput" id="name3" />
  <button onclick="setItemFun()">点我保存</button>
  <script>
    var localStorage = window.localStorage;
    var arrKey = ["name0", "name1", "name2", "name3"];
    function checkLocal(){
      if(localStorage.getItem(arrKey[0])){
        for (var i = 0; i < arrKey.length; i++) {
          var tempvalue = localStorage.getItem(arrKey[i])
          $("#test").append("<div class='item'>" + tempvalue + "</div>");
          $(".itemInput").eq(i).val(tempvalue);
        }
      }
    }
    function setItemFun(){
      for(var i = 0; i < $(".itemInput").length; i ++){
        localStorage.setItem("name" + i, $(".itemInput").eq(i).val())
      }
    }
    $(function(){
      checkLocal();
    });
  </script>
</body>
</html>

夕色琉璃 2022-09-11 07:28:58

localStorage.setItem(key, value)
localStorage.getItem(key)

赠佳期 2022-09-11 07:28:58

let save = (keyname,obj) => localStorage.setItem(keyname, JSON.stringify(obj));
let load = (keyname) => JSON.parse(localStorage.getItem(keyname));

莫言歌 2022-09-11 07:28:58

需要注意的是localstorage默认读取出来是字符串，需要转换为Javascript对象。

~没有更多了~

关于作者

把梦留给海

暂无简介

文章

评论

26 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

卷耳

文章 0 评论 0

佚名

文章 0 评论 0

℉服软

文章 0 评论 0

qq_2gSKZM

文章 0 评论 0

凉宸

文章 0 评论 0

gyhjy

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文