www.qjdy.com-奇迹赌场 > www.qjdy.com > 具体代码如下所示

原标题:具体代码如下所示

浏览次数:150 时间:2019-08-22

JS中动用localStorage制止页面动态拉长数据刷新后数据错过,jslocalstorage

十三分相当的少说了,间接给我们贴代码了,具体代码如下所示:

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
 <title>Document</title>
 <script src="http://www.jmtsj8.com/uploads/allimg/190822/2202051349-0.jpg"></script>
</head>
<body>
 <ul>
  <li>555</li>
  <li>555</li>
  <li>555</li>
  <li>555</li>
 </ul>
 <button>button</button>
 <script type="text/javascript">
  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');
 </script>
</body>
</html>

上述所述是我给大家介绍的JS中利用localStorage幸免页面动态增进数据刷新后数据错失,希望对大家享有辅助,如若我们有另外疑问请给本人留言,作者会及时还原我们的。在此也特别多谢咱们对帮客之家网址的支撑!

非常异常少说了,直接给大家贴代码了,具体代码如下所示: !doctype...

本文由www.qjdy.com-奇迹赌场发布于www.qjdy.com,转载请注明出处:具体代码如下所示

关键词: www.4355.com

上一篇:在当前访问的页面

下一篇:没有了