JS中利用localStorage防止页面动态添加数据刷新后数据丢失
程序员文章站
2023-12-14 12:38:52
非常不多说了,直接给大家贴代码了,具体代码如下所示:
非常不多说了,直接给大家贴代码了,具体代码如下所示:
<!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="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></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防止页面动态添加数据刷新后数据丢失,希望对大家有所帮助