JS中利用localStorage防止页面动态添加数据刷新后数据丢失_jssessionStorage防篡改 - CSDN文库

193 浏览量更新于2023-05-10 评论 1 收藏 32KB PDF 举报

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

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

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

本文给大家分享一段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_38643269

粉丝: 2
资源: 902

会员权益专享

图片转文字

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

最新资源

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