Question

有没有办法在多个页面中保存元素的状态？也许使用会话或本地存储？

这样的功能是我想要实现的。但我希望它能够记住在退出并返回页面时显示和隐藏的内容。

<button onclick="myFunction()">Try it</button>

<div id="myDIV">
This is my DIV element.
</div>

<script>
function myFunction() {
    var x = document.getElementById("myDIV");
    if (x.style.display === "none") {
        x.style.display = "block";
    } else {
        x.style.display = "none";
    }
}
</script>

Answer 1

要获得预期结果，请使用以下选项localStorage和onload function

使用locaStorage.setItem和localStorage.getItem设置和获取localstorage中的值
在body上使用onload函数来设置localstorage

<body onload="checkDisplay()">
<button onclick="myFunction()">Try it</button>

<div id="myDIV">
This is my DIV element.
</div>
  
  <body>

{{1}}

代码示例 - https://codepen.io/nagasai/pen/BxabBz

跨多个页面隐藏和显示元素

1 个答案: