Question

我对jquery中使用现金有疑问：

这样的简单代码：

<html>
<head>
<script src="lib/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function () {

$('.close_i').click(function(){
$('.adsbox').hide();
$('.open_i').show();
});

$('.open_i').click(function(){
$('.adsbox').show();
$('.open_i').hide();
});

});
 </script>
</head>
<body>
<div class="adsbox">
<img src="as1.jpg">
<img src="as2.jpg">
<img src="as3.jpg">
<img src="as4.jpg">
<img src="as5.jpg">
<img src="as6.jpg">
<a class="close_i">Close ADS</a>
</div>
<a class="open_i" style="display:none;">Open ADS</a>
</body>

如您所见，这是一个隐藏或显示广告框的简单代码。

我想在用户的浏览器中缓存并保存框状态3天。

请指导我。感谢

Answer 1

您可以使用jquery Cookie plugin。

设置cookie值：

$.cookie('the_cookie', 'the_value', { expires: 3 }); //Expires in 3 days

读取cookie值：

$.cookie('the_cookie'); // => "the_value"

或者，您可以使用HTML5 Web Storage。

您可以使用2个对象：

window.localStorage - 存储没有过期日期的数据
code.sessionStorage - 存储一个会话的数据（关闭选项卡时数据会丢失）

如果您希望将状态保留在缓存中3天，则必须使用window.localStorage。由于您无法指定到期日期，因此您必须提供时间戳并自行验证到期日期。

浏览器中的现金盒状态（jquery）

1 个答案: