Javascript 借助JS或jQuery使用本地存储

这是我的

$（“.myLinks>li>a”）。单击（函数（）{
$（“a.activeLink”）.removeClass（“activeLink”）；
$（this.addClass（“activeLink”）；
});
.activeLink{color:red！important}







您可以使用以下函数获取或设置本地存储值

function setStorageItem(key, value)
{
   localStorage.setItem(key, value);
}

function getStorageItem(key)
{
  return localStorage.getItem(key);
}

你可以像下面这样使用它

$(".myLinks > li > a").click(function(){
        $("a.activeLink").removeClass("activeLink");
        $(this).addClass("activeLink");
        setStorageItem("yourwebsitename_lastvisitedlink",$(this).attr("href"));
        setStorageItem("yourwebsitename_lastvisitedlinkID",$(this).parent("li").attr("id"));
    });

这将在本地存储器中存储一个“last”键，该键的ID为单击链接的父级
li
。当他们点击一个链接时，它将覆盖当前键中的任何内容，这意味着它将始终反映用户点击的最后一个链接

$(function() {
  var id = localStorage.getItem('last');
  $('#' + id).addClass('activeLink');
});

$(".myLinks > li > a").click(function(){
  /* start local storage stuff */
  var id = $(this).parent().attr('id');
  localStorage.setItem('last', id);
  /* end local storage stuff */
  $("a.activeLink").removeClass("activeLink");
  $(this).addClass("activeLink");
});

下面是一个快速的示例代码段：


//让我们在`DOM准备就绪时进行处理`
$（文档）.ready（函数（）{
//尝试从“本地存储”获取活动项`
var activeLinkParentId=window.localStorage.getItem（“activeLinkParentId”）；
if（activeLinkParentId）{
$（“#“+activeLinkParentId+”>a”）.addClass（“activeLink”）；
}
//将单击处理程序添加到“锚定”标记
$（“.myLinks>li>a”）。单击（函数（）{
$（“a.activeLink”）.removeClass（“activeLink”）；
window.localStorage.setItem（“activeLinkParentId”，$（this.parent（）.attr（“id”））；
$（this.addClass（“activeLink”）；
});
});
.activeLink{
颜色：红色！重要；
}












能否将键和值与所需的值放在一起？我已经尝试了您的代码，但当我刷新浏览器时，颜色并没有保持不变。已访问链接应显示为红色。谢谢@Michael Coker。您尝试了什么？令人惊讶的人甚至花时间去帮助他们。没有代码，你只是让别人帮你做而已。你好，我试过添加类。这个类名为activeLink。当链接1/2/3/4/5被锁定时，它将以红色显示。访问（彩色读取）链接将存储在本地存储器中。如果刷新浏览器，它将保持与以前访问时相同的红色。对。。您没有提供任何试图缓存它们的代码。这里有足够多的乐于助人的人给了你答案。你现在应该可以用谷歌搜索并自己解决了。