JS中如何使用localStorage防止页面动态添加数据刷新后数据丢失

这篇文章主要为大家展示了“JS中如何使用localStorage防止页面动态添加数据刷新后数据丢失”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“JS中如何使用localStorage防止页面动态添加数据刷新后数据丢失”这篇文章吧。

我们提供的服务有：做网站、网站建设、微信公众号开发、网站优化、网站认证、临县ssl等。为上1000家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的临县网站制作公司

具体代码如下所示：

 
 
 
 


 

  
555
  
555
  
555
  
555
 
 button
 
  var arrary_li = document.querySelectorAll("li");
  var num;
  $('button').on('click', function () {
    $('li').last().addClass('active')
    for (var i = 0; i < arrary_li.length; i++) {
     if (arrary_li[i].className === 'active') {
      num = i;
     }
    }
    localStorage.setItem('num', num)
    location.reload()
  })
  var getNum = parseInt(localStorage.getItem('num'));
  $('li').eq(getNum).addClass('active');
 

以上是“JS中如何使用localStorage防止页面动态添加数据刷新后数据丢失”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！