javascript - 刷新后显示和隐藏块

Question

我想在页面刷新后保持隐藏块的状态。当我刷新页面时，“隐藏”块现在是“显示”。请帮帮我。

Answer 1

我建议在刷新时将“隐藏”值（true/false）传回服务器，然后在每次加载页面时分配它（不要忘记为首次访问设置默认值）。

如果您发布代码示例或告诉我您使用的是什么技术（例如 .NET、MVC3），我可以为您提供一些示例代码或资源，让您开始了解如何做到这一点。

Answer 2

这确实需要CSS3 :target伪选择器，但它可能是一个可行的解决方案：

CSS：

#myblock {
    width:100px;
    height:100px;
    background-color:#3a6d90;
    display:none; // div starts out as hidden
}

#myblock:target {
    display:block;
}

HTML：

<a href='javascript:showBlock();'>Show It</a>
<div id='myblock'></div>

Javascript：

function showBlock() {
    document.getElementById('myblock').style.display = "block";
    window.location.hash = "myblock"; // set url hash
}

该解决方案通过在元素通过showBlock(). 当#myblock:target#myblock 散列存在时，通过将显示属性设置为 'block' 来实现魔法