JS中利用localStorage防止页面动态添加数据刷新后数据丢失_window.localStorage.setItem增加回调 - CSDN文库

16 浏览量更新于2023-05-04 评论 1 收藏 28KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

非常不多说了，直接给大家贴代码了，具体代码如下所示：

<!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防止页面动态添加数据刷新后数据丢失，希望对大家有所帮助，如果大家

有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余0页未读，立即下载

评论0

weixin_38709312

粉丝: 3
资源: 913

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈