Php 如何在F5之后保存页面的状态
使用php或javascript按F5.0后,如何保存页面的状态 我有这个页面,如果我按下按钮1,div 1消失,如果你再次按下div 1,它会重新出现。 按钮2具有相同的功能。 有没有办法,如果我按按钮1或按钮2,div消失,然后按F5,继续div1或div2隐藏Php 如何在F5之后保存页面的状态,php,javascript,Php,Javascript,使用php或javascript按F5.0后,如何保存页面的状态 我有这个页面,如果我按下按钮1,div 1消失,如果你再次按下div 1,它会重新出现。 按钮2具有相同的功能。 有没有办法,如果我按按钮1或按钮2,div消失,然后按F5,继续div1或div2隐藏 <input type="submit" id="button1" name="button1" value="ID1"><br/> <div id="div1" name="div1"/&g
<input type="submit" id="button1" name="button1" value="ID1"><br/>
<div id="div1" name="div1"/>
<b>Hello1</b><br>
<img src="pic1.png" height="100px" width="100px" />
</div>
<input type="submit" id="button2" name="button2" value="ID2"><br/>
<div id="div2" name="div2"/>
<b>Hello2</b><br>
<img src="pic2.png" height="100px" width="100px" />
</div>
<script>
$(document).ready(function(){
$("#button1").toggle(function(){
$("#div1").hide();
},
function(){
$("#div1").show();
});
});
//
$(document).ready(function(){
$("#button2").toggle(function(){
$("#div2").hide();
},
function(){
$("#div2").show();
});
});
</script>
提前感谢一种方法是使用HTML5历史记录
var state = { div1: true, div2: false };
history.pushState(state, 'Page', 'mypage/10');
一种方法是使用HTML5历史记录
var state = { div1: true, div2: false };
history.pushState(state, 'Page', 'mypage/10');
Cookies可以保存最后一个状态等等。
如果您不确定html5在所有浏览器上都可用。那么Cookie可以保存最后一个状态等等。 如果您不确定html5在所有浏览器上都可用。本地存储 当您想在本地保存大量数据时,您还有另一个机会——使用HTML5之后的本地存储。您可以直接使用JavaScript或使用一个可用的jQuery插件来完成 例如,对于totalStorage:
var scores = new Array();
scores.push({'name':'A', points:10});
scores.push({'name':'B', points:20});
scores.push({'name':'C', points:0});
$.totalStorage('scores', scores);
本地存储
当您想在本地保存大量数据时,您还有另一个机会——使用HTML5之后的本地存储。您可以直接使用JavaScript或使用一个可用的jQuery插件来完成
例如,对于totalStorage:
var scores = new Array();
scores.push({'name':'A', points:10});
scores.push({'name':'B', points:20});
scores.push({'name':'C', points:0});
$.totalStorage('scores', scores);
是的,它们被称为客户端cookies。或者,如果您喜欢html5存储,您可以将所有JavaScript封装在文档就绪函数中,而不需要两个是的,它们被称为客户端cookie。或者,如果您喜欢html5存储,您可以将所有JavaScript封装在文档就绪功能中,您不需要两个。请提及跨浏览器兼容性,此解决方案在许多旧浏览器上不起作用。请提及跨浏览器兼容性,此解决方案在许多旧浏览器上不起作用。