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()显示元素时，解决方案的工作原理是将URL哈希添加到当前地址。当{myblock hash存在时，#myblock:target通过将display属性设置为'block'来实现魔力

显示和隐藏块刷新后

2 个答案: