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

在现代网页开发中，我们经常面临动态数据添加的挑战，尤其是在刷新页面后数据丢失的问题。本文将分享一段简单的JS代码，它巧妙地使用了localStorage来解决这一问题。代码不仅通俗易懂，而且极具实用价值，值得大家参考借鉴。

让我们先来看一下这段代码背后的基本原理。在HTML文档中，它使用JavaScript对页面上的列表元素进行动态操作。每当点击按钮时，代码会在列表的最后一个元素上添加一个类名“active”，并通过localStorage存储当前激活元素的索引值。即使页面刷新后，这个索引值依然会被保存下来。这样，即使在刷新页面后，也能记住上次激活的元素位置。下面就是这段代码的具体内容：

```html