关闭浏览器 如何清除localStorage数据

最新推荐文章于 2024-06-18 17:15:20 发布
最新推荐文章于 2024-06-18 17:15:20 发布
阅读量8.5k 收藏 7
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37330613/article/details/111315475
版权

相同点：浏览器存储

不同点：
localStorage
是永久 除非手动清除
可以实现多个标签页之间的通信
sessionStorage
浏览器关闭 数据清除
通过 点击链接、window.open 方式 打开的页面 session 数据共享
但新打开一个标签页总是会初始化一个新的 session，即使网站是一样的，它们也不属于同一个 session

浏览器关闭时 sessionStorage 数据将清空
localStorage 数据 只要不通过代码特意的删除或手动删除 是一直存在的

如何实现
登录成功 用户信息保存在 localStorage 当中
此时可以向 sessionStorage 中 保存一个唯一标识 isLogin
入口文件判断 sessionStorage 中 是否有 isLogin 值
如果没值 就表示浏览器关闭过 所以 sessionStorage 里的数据为空 那么此时清空 localStorage 里的数据

你一定要努力，但千万别着急
关注
  • 3
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
清理localstorage_清除localStorage
weixin_40002611的博客
12-21 1302
清空localStorage的全部数据function $(id){return document.getElementById(id);}var intNum = 0;//保存数据函数function add_click(){for(var intI = 0;intI <= 5;intI++){var strKeyName = "strKeyName"+intI;var strKeyVal...
浏览器关闭时清空localStorage储存的数据
weixin_44272418的博客
04-02 1万+
浏览器关闭时清空localStorage储存的数据说明需求解决方案及思路 说明 由于不同页面或标签页间无法共享sessionStorage的信息，所以将项目中登录状态存于localStorage中。 需求 需要在用户关闭浏览器时，将localStorage中存储的数据清除。 解决方案及思路 一开始想到了onunload方法，性子急直接撸上去 window.onunload=()=>{ ...
存储,读取,删除localStorage的数据
最新发布
WUXIANJINBU的博客
06-18 236
相对的在读取json格式字符串只有我们也无法直接使用,需要将它转换为josn对象之后才是我们想要的结果,所以我们需要调用 JSON.parse()方法来进行转化,通过JSON.stringify(Object)方法将对象转化为一个json格式的字符串进行存储。{object Object}的情况,但这并不是我们想要的,此时我们需要使用新的方式。但有时value为一个对象Object,以上面的方式写入,会出现读取的返回值为。注意:请谨慎使用,它会清空所有的本地存储数据。
解决页面关闭清除localStorage(解决)
qq1245460957的博客
02-29 2080
最近有一个需求，页面某功能有默认的tab选中状态，同时用户可以手动设置状态并且页面刷新能够保存业务选中状态,于是使用了localStorage记录了部分信息。最初想使用vue的beforeDestroy生命周期,想着页面销毁时候触发清除事件，但是发现无论页面刷新还是关闭也么都不会触发,pass。查阅百度使用window的内置api，但是浏览器刷新时也会执行beforeunload， unload将我的数据清除，pass。关闭浏览器时清除localStorage，用户选着时重新存入localStorage。
js操作cookie
紫色星空
12-19 546
//取得cookie       function getCookie(name) {         var nameEQ = name + "=";         var ca = document.cookie.split(';'); //把cookie分割成组           for ( var i = 0; i             var c = ca[i]; //
关闭浏览器后清除localStorage的内容
weixin_46600931的博客
05-18 2862
因此，在关闭浏览器或标签页后，sessionStorage 中的内容会自动清除，无需编写额外的代码。在关闭浏览器之后清除localStorage的内容是不可能的，因为JavaScript无法在浏览器关闭之后继续执行。但是，我们可以在下一次浏览器打开时，检查是否有标记表明上次是浏览器关闭，如果有，则清除localStorage的内容。然后，在下次启动应用程序时，检查该标记，并根据需要清除localStorage。这样，在关闭浏览器后，下次打开应用程序时，localStorage中的内容将被清除。
关闭浏览器窗口的时候，如何清空localStorage的数据
丑小鸭变黑天鹅的博客
02-18 1万+
关闭浏览器窗口的时候，如何清空localStorage的数据一、对于单页面应用，例如vue等二、对于多页面应用1、第一种方案（对于vue）2、第二种方案（对于原生js） 一、对于单页面应用，例如vue等 将window.onbeforeunload监听的方法放在App.vue <template> <div id="main" class="app-main"> <router-view></router-view> </div>
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
10-16
当浏览器窗口即将关闭时，这个事件会被触发，然后执行清除localStorage数据的操作。 ### 多页面应用程序（MPA） 对于多页面应用，每个页面都是独立的Vue实例，所以我们需要在每个页面的`mounted`生命周期钩子中...
vue 界面刷新数据被清除 localStorage的使用详解
10-18
`localStorage`是Web Storage API的一部分，它提供了一个在浏览器端持久化存储数据的方法。与Cookie相比，`localStorage`具有更大的存储容量（通常为5MB），并且数据不会随着HTTP请求发送到服务器，更加适合存储大量...
vue2浏览器关闭清除localStorage本地缓存
m0_73854403的博客
06-28 4965
（ 使用cookie生命周期机制，浏览器关闭后，cookie缓存消失，通过cookie判断浏览器是否关闭，如果是刷新，cookie不变，不做任何操作 ）方案一 ：针对浏览器刷新或关闭后，清除localStorage缓存，app.vue文件mounted编写下方代码。
关闭浏览器窗口清空该项目的localStorage
qq_42704540的博客
08-12 2520
在vue项目中的app.vue中添加下面该段代码 mounted() { // 关闭浏览器窗口的时候清空浏览器缓存在localStorage的数据 window.onbeforeunload = function(e) { var storage = window.localStorage; storage.clear(); // 清空 }; 注意：此方法导致页面刷新的时候也...
localstorage清除_浏览器localStorage的应用
weixin_36421280的博客
12-25 2558
变饼档是一款由Django + vue.js + layui开发的博客，具体源码托放在gitee上。开发的初衷源于python学习者的诉求，可以将源码下载下来进行学习。官网上有pycharm部署的文档，也可以在PC端访问在线的dome。感兴趣的朋友也可部署在服务器上，用于个人日常的记录转载注明地址：http://www.bianbingdang.com/article_detail/168.htm...
谷歌浏览器怎么清除浏览器缓存以及本地缓存localstorage。
热门推荐
海贼王某人的博客
09-10 2万+
清除浏览器缓存很容易首先点击右上角的小点打开设置选项，进入后找到打开清除浏览记录点进去，如下图： 然后把三个都勾上，清除数据，再打开你需要查看的网页就可以了，就不会存在历史缓存和记录了。 清除本地缓存的话看下面，一般本地缓存有两种一个是手动清除一个是关闭页面就会清除，今天就说一下localstorage怎么清除吧，先按f12键，打开调试器，或者鼠标反键点击选项检查也可以，进入后看下图，找一下1号词，如果找不到·，点击2好标记，打开后就可以找到，然后点击三号词localstorage，这里面就是所有的缓存
为localStorage设置过期时间,关闭浏览器清空localStorage
小菜鸟的博客
05-13 3248
我们知道localStorage是会一直保存在浏览器里面的,除非人为清除,否则会一直记录,但有些情况下我们只想让它保留几天时间,所以这次我们为localStorage设置一个过期时间. 简单的说就是让它存进去的时候保留一个存入时间,获取的时候让当前时间与存入时间对比一下,看是否过期,过期了就清除这个localStorage 现在根据需求封装一个Storage class Storage { constructor(name) { this.name = 'storage'; .
localStorage的简单存储和删除
jp_567的博客
04-08 2602
<script> //localStorage存值永久有效 function setItems(){ var user = {}; user.name = 'Adam Li'; user.age = 25; user.home = 'China'; localStorage.setIte...
js关闭浏览器时清除本地缓存
沐吾
08-25 8215
http://javascript.ruanyifeng.com/bom/webstorage.html （浏览器端数据储存机制） 采用事件捕捉方法      var DispClose = true;    function CloseEvent()  {  if (DispClose)    {    // return "是否离开当前页面?"
浏览器的缓存-localStorage
just love code
07-25 755
基于浏览器页面的缓存 1、清除缓存 localStorage.clear(); 2、设置需要缓存的值 "node"：缓存标志名 "JSON.stringify(node)"：缓存的内容 localStorage.setItem("node",JSON.stringify(node) ); 3、获取缓存值 localStorage.getItem("node")  ...
删除本地缓存localStorage的某个字段
Khun_HWJ的博客
04-24 4801
移除localStorage 某个对应的字段 localStorage.removeItem('maxPostion-'+this.itemInfo.itemid); 删除localStorage 里的数组 function f(i){ var list = JSON.parse(localStorage.getItem('list')); list.splice(i, 1); ...
java使用无头浏览器添加localStorage
05-22
在上面的代码中，我们使用 ChromeDriver 和 ChromeOptions 来创建一个无头浏览器，然后使用 executeScript 方法执行 JavaScript 代码，将数据存储到 localStorage 中。注意，要使用 JavascriptExecutor 接口来执行 ...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值