如何清空塞满的 UserData

最新推荐文章于 2024-04-11 20:05:47 发布

qfljm

最新推荐文章于 2024-04-11 20:05:47 发布

阅读量1.4k

点赞数

分类专栏： -3- javascript 文章标签： button input function behavior 存储 date

本文链接：https://blog.csdn.net/qfljm/article/details/357769

版权

-3- javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

通过在 userData 行为上将 expires 属性设置为一个过去的时间，利用脚本可以清空 UserData 存储，这与使 cookie 到期的方法相同。在下面的示例中，函数 fnExpireInput() 会将 expires 属性设置为过去的一分钟，因此可以清空此存储中的数据。试一下吧！

<html>
<head>
<style>
   .storeuserData {behavior:url(#default#userData);}
</style>
<script>
function fnSaveInput()
{
   var oPersist = oPersistForm.oPersistInput;
   oPersist.setAttribute("sPersist",oPersist.value);
   oPersist.save("oXMLBranch");
}
function fnLoadInput()
{
   var oPersist = oPersistForm.oPersistInput;
   oPersist.load("oXMLBranch");
   if (oPersist.getAttribute("sPersist") != null)
   {
       oPersist.value = oPersist.getAttribute("sPersist");
   }
}
function fnExpireInput()
{
   var oPersist = oPersistForm.oPersistInput;
   var oTimeNow = new Date();
   oTimeNow.setMinutes(oTimeNow.getMinutes() - 1);
   var sExpirationDate = oTimeNow.toUTCString();
   oPersist.expires = sExpirationDate;
   oPersist.save("oXMLBranch");
   oPersist.value = "";
}
</script>
</head>
<body>
<form id="oPersistForm">
<input class="storeuserData" type="text" id="oPersistInput">
<input type="button" value="Load" οnclick="fnLoadInput()">
<input type="button" value="Save" οnclick="fnSaveInput()">
<input type="button" value="Expire" οnclick="fnExpireInput()">
</form>
</body>
</html>