页面加载后是否在javascript中存储值？

$（“#divid1”）。单击（函数（）{
$（“#divid1”）.hide（）；//希望在刷新后将其保持隐藏状态
$（“#hided1”）.hide（）；//希望刷新后将其隐藏
$（“#id1”）.show（）；//希望刷新后继续显示此内容
});
.hide{
显示：无；
}
试试
localStorage

设置项目

localStorage.setItem('selectedId', 100);

localStorage.getItem('selectedId');

localStorage.removeItem("selectedId");

获取项目

localStorage.setItem('selectedId', 100);

localStorage.getItem('selectedId');

localStorage.removeItem("selectedId");

最后，删除项目

localStorage.setItem('selectedId', 100);

localStorage.getItem('selectedId');

localStorage.removeItem("selectedId");

示例

$(document).ready(function(){
    //Function for events
    function dummyFunction(){
        $("#divid1").hide(); //want this to keep hidden after refresh
        $("#hideid1").hide(); //want this to keep hidden after refresh
        $("#id1").show(); //want this to keep showing after refresh
    }
    //Check localStorage value
    if(localStorage.setItem('itemClicked') == 1)
    {
       dummyFunction();
    }
    //Div click event
    $("#divid1").click(function(){
        dummyFunction();
        //Set localStorage
        localStorage.setItem('itemClicked', 1);
    });
});

您可以使用cookies调用与用户单击页面加载时相同的内容

除此之外，你有点走运。页面刷新旨在重置页面的javascript。
请查看。这应该足够清楚了

JS

我希望下面的代码将帮助您。只需将代码放入load事件并解决问题


$（窗口）.load（函数（）{
$（“#divid1”）.hide（）；
$（“#hideid1”）.hide（）；
$（“#id1”）.show（）；
});
.hide{
显示：无；
}

localStorage
可以提供一个解决方案我不知道如何使用它@depperm的可能重复的提供我如何在编码中实现我已经更新了我的答案，请检查如何使用localStorage。如果你仍然发现任何问题，请告诉我。将重复的代码移到一个方法中，使它更干净。你可能想说明代码需要放在正文的底部，或者使用文档readyohh我明白了，@monemacu我的答案是第一个，但你还是选择了另一个人的，不公平的工作。@monemacu没有问题，伙计，如果我的答案对你有帮助，我很高兴。我来这里只是为了帮忙，+奖励是加分：）这总是鼓励特定的人帮助越来越多…所以mch工作得很有魅力。。以及如何重置存储。。在示例中，clearstorage不起作用！没问题，能帮上忙总是一件愉快的事：]嗯，奇怪的是这对我有用。如果未单击就重新加载，div将隐藏，但当您单击按钮（清除存储）并重新加载div时，div应该会返回。@monemacu您可以使用
localStorage.removietem（“要删除的localStorage变量的名称”）从本地存储中删除。+1@Loading。。是的，我忘了提到，使用
localStorage.clear（）
可以清除整个localStorage，这有时可能是您不想做的。在这种情况下，请改用
removietem（）
！代码工作起来像charm tho，只有清晰的本地存储有问题