Question

我有两个div，＆＃39; red＆＃39;蓝色＆＃39;显示div。 div是隐藏的。

当我从隐藏的蓝色＆＃39;中的超链接返回浏览器时div，页面会自动返回红色＆＃39;格。

然而，我需要它回到蓝色＆＃39;格。

我该如何使这项工作？非常感谢所有的帮助。

＆＃13;

<html>
<head>
<style>
#red{
height: 400px;
width: 400px;
color: Red;
border: solid;
margin-bottom: 10px;
}
#blue{
display: none;
height: 300px;
width: 600px;
color: Blue;
border: solid;
margin-bottom: 10px;
cursor: pointer;
}
</style>
</head>
<body>
<div id="red">11</div>
<a href="https://www.google.com/">
<div id="blue">22</div>
</a>
<input type="button" value="Show Red" onclick="document.getElementById('red').style.display = 'block'; document.getElementById('blue').style.display='none';"></input>
<input type="button" value="Show Blue" onclick="document.getElementById('red').style.display = 'none'; document.getElementById('blue').style.display='block';"></input>
</body>
</html>

＆＃13;

Answer 1

使用localStorage在浏览器中存储值。试试这个

<div id="red">11</div>
<a href="https://www.google.com/">
<div id="blue">22</div>
</a>

<input type="button" value="Show Red" onclick="
document.getElementById('red').style.display = 'block'; document.getElementById('blue').style.display='none';
localStorage.setItem('currentRed', 'block');
localStorage.setItem('currentBlue', 'none');" />

<input type="button" value="Show Blue" onclick="
document.getElementById('red').style.display = 'none'; document.getElementById('blue').style.display='block';
localStorage.setItem('currentRed', 'none');
localStorage.setItem('currentBlue', 'block');" />

<script>
    if(localStorage.getItem('currentBlue')){
          document.getElementById('blue').style.display = localStorage.getItem('currentBlue');
          document.getElementById('red').style.display = localStorage.getItem('currentRed');
    }
</script>

＆＃39;回去＆＃39;在浏览器中自动触发功能

1 个答案: