js关闭浏览器时清除本地缓存

最新推荐文章于 2024-02-25 12:04:48 发布
最新推荐文章于 2024-02-25 12:04:48 发布
阅读量8k 收藏 8
点赞数 1
文章标签： 缓存 javascript 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhaoqiaomua/article/details/77577732
版权

http://javascript.ruanyifeng.com/bom/webstorage.html （浏览器端数据储存机制）


采用事件捕捉方法


<body scroll="no" οnbefοreunlοad="return CloseEvent();" οnunlοad="UnLoadEvent()" > 
</body>


 <script language="JavaScript" type="text/javascript"> 
var DispClose = true;   
function CloseEvent() 
{ 
if (DispClose)   
{ 
  // return "是否离开当前页面?";    //执行弹框提示

localStorage.clear();    //清除所有的本地缓存  如何添加和清除参考浏览器数据存储机制

} 
} 
function UnLoadEvent() 
{ 
DispClose = false; 
//在这里处理关闭页面前的动作 
} 
</script> 

隐藏的文艺妹子
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
11-26
本文是小编总结的一些核心内容，个人感觉对大家有所帮助，具体内容请看下文： 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload，然后onunload，最后onload。 经过验证我得出的结论是： //对于ie，谷歌，360： //页面加载时只执行onload //页面刷新时，刷新之前执行onbeforeunload事件，在新页面即将替换旧页面时onunload事件，最后onload事件。 //页面关闭时，先onbeforeunload事件，再onunload事件。 //对于火狐： //页面刷新时，只执行onunload；页面关闭时，
js清除浏览器缓存的几种方法
12-08
关于浏览器缓存 浏览器缓存，有时候我们需要他，因为他可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。像股票类网站实时更新等，这样的网站是不要缓存的，像有的网站很少更新，有缓存还是比较好的。今天主要介绍清除缓存的几种方法。 清理网站缓存的几种方法 meta方法 //不缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQU
js清除浏览器缓存问题的个人见解
最新发布
lmj3732018的博客
02-25 4421
浏览器缓存，有时候我们需要他，因为可以提高网站性能和浏览器速度，提高网站性能。但是有时候我们又不得不清除缓存，因为缓存可能误事，出现一些错误的数据。：用ajax请求服务器最新文件，并加上请求头If-Modified-Since和Cache-Control,//当然这里参数 ran可以任意取了。在 URL 参数后加上 "?PS：方法不唯一，最好根据自己业务场景用相应的技术实现，这才能体现前端技术。//就是html页面标签不缓存。
Ajax清除浏览器js、css、图片缓存的方法
10-23
为了减小浏览器与服务器之间网络传输压力，往往对静态文件，如js,css,修饰的图片做cache，也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数，并指定缓存时间，这篇文章详细介绍Ajax清楚浏览js、Css、图片缓存的方法，有需要的朋友可以参考下
js,css文件更新之后，浏览器端还有缓存，久久不能消除
weixin_30436101的博客
03-10 155
解决方案，每次更新之后修改下配置信息 /// <summary> /// VersionInfo 版本信息 /// </summary> public static class VersionInfo { static VersionInfo() { // // TODO: 在此处添加构造函数逻辑 ...
解决浏览器JS缓存问题的两种方法
weixin_34242658的博客
01-08 1165
2019独角兽企业重金招聘Python工程师标准>>> ...
JS：要关闭浏览器，就清除缓存的数据？比如清除登录数据
以气御码
07-08 3223
进入我的主页，查看更多JS的分享！ 我的代码有多短，本篇内容就有多短！ 本地存储对比： sessionStorage，关闭窗口就被清除； localStorage，一直存在直到手动删除； cookie，设置有效期，可以直接实现标题的需求 今天不想多说话，直接贴上代码： //判断是否支持cookie 比如浏览器开启了隐私模式 var isCookie = () = >{ return navigator.cookieEnabled; }; //添加 function add.
js操作cookie
紫色星空
12-19 498
//取得cookie       function getCookie(name) {         var nameEQ = name + "=";         var ca = document.cookie.split(';'); //把cookie分割成组           for ( var i = 0; i             var c = ca[i]; //
前端清除页面缓存的方法
卿本无忧的博客
05-06 6439
前端清除页面缓存的方法
如何单独清除某个网页的缓存（reload）
long_songs的博客
02-20 5085
(浏览器在发送请求时会带上禁止缓存的相关请求头) 或者在devtools的network面板中勾选Disable cache并刷新（devtools面板开启状态）。②硬性重新加载(Ctrl + Shift + R): 浅层次的清除历史记录, 但不一定缓存完全清除. (Ctrl + F5一样)顾名思义，将该页面的缓存清空并进行硬性重新加载，有人可能会问，既然是硬性重新加载，清不清缓存好像没有意义。③清空缓存并硬性重新加载: 可以深层次的清楚所有的缓存.(成本也不大,尽量用这个)今天教你一个方法快速清除。
js页面缓存的一个解决办法
huangyuanmu的专栏
10-17 219
      由于效率的缘故，浏览器通常会缓存js文件，这就给我们带了一个问题：当服务器端部署的项目中的js文件进行了修改后，如果再客户端不手动去刷新一次页面，js的修改效果就不会起作用，因为浏览器还是用的缓存在本地的js文件。          为了解决这个问题，我们采用了这个方案，每当发布新的版本部署到服务器上的时候，我们给html页面中引用的js增加一个新的后缀，形如版本号的东西。   ...
清除浏览器缓存（js、css等）
m0_57512160的博客
11-14 6061
有时候写web项目，改了js或者css文件，但是浏览器就是不刷新，就很头疼o(╥﹏╥)o。那是因为浏览器还有缓存存在的原因，下面来看如何清除缓存。 1.找到目标网页，鼠标右击，点击检查；或者Ctrl+Shift+i；进入检查界面（我用的是谷歌浏览器）。 2.点击Network，然后选择要清除什么文件（js、css等等）的缓存，当然也可以选择All，这样就全部加载出来了 3.如果没有东西出来，就刷新一次网页，然后找到你的目标文件，右击，选择Clear browser cashe清..
浏览器缓存机制分析及前端缓存清理
热门推荐
小敏哥的专栏
06-03 1万+
本文主题：理清浏览器的缓存机制的内部逻辑，并给出避免浏览器缓存的相关解决方案相信很多新手前端发布页面的时候都会遇到一个问题，就是明明页面已经更新了，但是浏览器浏览页面并没有变化，那么如何解决这个问题呢？事实上，这个问题各种搜索引擎搜索之后会发现有很多的方案，但不一定有效，一般的解决方案有以下的两种：1：添加时间戳；2：cache-control。首先第一种，就是在你的所有静态资源文件后面添加随机时...
前端页面关闭后，清空本地储存的数据
你好
04-10 1800
1，window.onunload=function(){ 执行清理本地 localStorage.removeItem("xxx") } 2， 使用vue的生命周期结束函数（使用脚手架才会生效），普通html页面关闭不会生效
手动清除localStorage中的数据
m0_60666754的博客
04-14 2058
localStorage.clear()
前端关闭浏览器或者关闭网页后，清除登录信息以及缓存
BI的博客
08-21 622
前端关闭浏览器或者关闭网页后，清除登录信息以及缓存
JS代码清除localStorage缓存
A_Tu_daddy的博客
12-08 6652
根据代码所涉及的页面，在自己所需要的地方加上 localStorage.clear(); 就可以清除 localStorage 缓存。 更加详细的方法可以参考这篇博客，讲解十分详细
js 浏览器关闭前清除本地缓存需要怎么做
05-27
清除本地缓存需要使用到 Web Storage API，具体分为两种：Session Storage 和 Local Storage。 Session Storage 用于临时保存同一窗口（或标签页）的数据，数据在窗口关闭后会被清除；Local Storage 则用于持久化保存数据，数据会一直保留在本地存储中，除非主动清除。 如果你想在浏览器关闭前清除本地缓存，那么可以在 window 的 `unload` 事件中，删除你需要清除的本地存储数据。示例代码如下： ``` window.addEventListener('unload', function(event) { // 清除 localStorage 中的数据 localStorage.removeItem('key'); // 清除 sessionStorage 中的数据 sessionStorage.removeItem('key'); }); ``` 以上代码中，`key` 是你需要清除的本地缓存数据的键名。当浏览器关闭时，这些本地存储数据将被删除。需要注意的是，这里只是删除了指定的本地存储数据，如果你还想清除其他类型的本地缓存，例如 IndexedDB、Web SQL 等等，就需要使用相应的 API 进行清除。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值