可以使用localStorage来实现本地存储记住点击的标签类的功能。以下是一个简单的代码示例:
// 获取存储在localStorage中的已点击标签
function getClickedTags() {
const clickedTags = localStorage.getItem('clickedTags');
return clickedTags ? JSON.parse(clickedTags) : [];
}
// 添加已点击的标签到localStorage
function addClickedTag(tag) {
const clickedTags = getClickedTags();
clickedTags.push(tag);
localStorage.setItem('clickedTags', JSON.stringify(clickedTags));
}
// 示例用法
const tag = 'example tag';
addClickedTag(tag);
console.log(getClickedTags());
在上面的代码示例中,getClickedTags
函数用于获取存储在localStorage中的已点击标签。它首先检查localStorage中是否存在clickedTags
键,如果存在则将其解析为数组返回,否则返回一个空数组。
addClickedTag
函数用于将已点击的标签添加到localStorage中。它首先获取当前存储的已点击标签数组,然后将新的标签添加到数组中,并将数组重新存储到localStorage中。
示例用法中,我们先定义一个标签tag
,然后将其添加到已点击标签中,并使用console.log
打印出当前存储的已点击标签数组。
这样,每次点击一个标签时,你可以调用addClickedTag
函数来将标签添加到localStorage中。并且每次需要获取已点击的标签时,可以调用getClickedTags
函数来获取存储在localStorage中的已点击标签数组。
上一篇:本地存储静态数据