首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有没有办法强制window.location.reload()只重新加载一次当前的URL?

有办法强制window.location.reload()只重新加载一次当前的URL。可以通过添加一个标记参数来实现。

当调用window.location.reload()时,可以通过在当前URL后面添加一个随机的参数,使URL发生变化,从而达到重新加载页面的目的。具体做法是在调用reload()时,拼接一个随机参数,如时间戳或随机数,如下所示:

代码语言:txt
复制
window.location.href = window.location.href + '?reload=' + Date.now();

这样,每次调用reload()时,URL都会发生变化,浏览器会重新加载页面。

这种方法可以保证每次调用reload()都重新加载页面,而不会出现多次重载的情况。

推荐的腾讯云相关产品:无

注意:请根据问题的要求回答,不要提及任何特定的品牌商。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScript实现F5效果,清空缓存并刷新页面

浏览器在加载和显示网页时,会根据不同的情况,决定是否重新从服务器获取网页内容或使用缓存中的内容。...Ctrl+F5刷新:这是强制刷新的方式,它会忽略缓存的内容,强制重新从服务器下载所有内容,包括JavaScript文件,图像,文本文件等。这样可以保证显示网页的最新内容,但是会消耗更多的流量和时间。...window.location.href = window.location.href 方法会重新加载当前页面的URL,但是也可能使用缓存的内容。...JS 代码实现 Ctrl+F5 和 Shift+F5 的效果,可以使用以下方法: window.location.reload(true) 方法会忽略缓存的内容,强制重新从服务器下载所有内容,包括 JavaScript...注意:location.reload(true) 在 Firefox 浏览器中是有效的,它会强制 Firefox 从服务器加载页面资源,其他浏览器还不支持。

7.5K41

解决安卓微信浏览器中location.reload 或者 location.href失效的问题

,并没有跳转; 原来的代码: window.location.reload(location.href); 初步判断可能是缓存的问题,首先想到的解决办法就是在要跳转的url后面加个时间戳,告知浏览器这是一个新的请求...; window.location.reload(location.href+'?...href,可以为该属性设置新的 URL,使浏览器读取并显示新的 URL 的内容。...对于reload()则是重新加载当前文档,如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。...这与用户单击浏览器的刷新按钮的效果是完全一样的。如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。

3.6K70
  • hbuilder 开发APP填坑经验

    ,APP中toolbar对应的几个模块的主页肯定会来回切换的,导致每次切换都需要重新渲染,我通过改造clicked方法来实现下面的需求: 如果页面对应的view没创建,就创建新的 如果页面对应的view...,进入用户主页,在用户主页取消关注,然后回退到我的主页中,回退相当于重新打开之前开启过的view,这个时候我的页面中的关注数还是之前的,取消关注的并没有从总关注数中减去,今天我在回退的基础上做了扩展,...但是刷新页面其实用户体验很差的,最好的办法是异步加载,只改变需要改变的地方,为了支持这个我还加了一个回调的方法,可以支持方法回调,你可以自己写逻辑去实现数据刷新。...function(){//页面关闭后可再次打开 //可以设置页面关闭时回调的方法,可以对数据进行重新加载操作 if(callback){...,可以对数据进行重新加载操作 if(callback){ callback(callbackParams); }

    1.9K80

    Angular路由

    window.location.assign("http://www.mozilla.org");  // or window.location = "http://www.mozilla.org"; 1.2 强制从服务器重新加载当前页面...使用reload页面内的表单可能会重新提交 2. replace 指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。...页面内的表单不会重新提交 1.4 硬刷和软刷区别 1....可以接受一个数组,来动态的改变url的值,以便我们传递特定的Url信息 2.2 routerLinkActive 实际开发中我们可能需要以下的场景就是,我们要知道当前页面激活的是哪一个路由。...图二 后台通过逻辑来进行跳转 注意:如果在Acomponent组件中使用navicate,如果利用jumpTomanger改变参数跳转当前页面,浏览器中的url和参数都不会改变,但是这个路由对象确实变化了

    1.3K50

    Vue如何实现当前组件重新加载

    背景 在最近开发一些功能需求的时候,会遇到重新加载当前组件的情况。当父组件发生了数据变化需要,重置按钮,只刷新当前加载的子组件等情况。 本文就来了解下Vue如何实现当前组件重新加载的几种使用方法。...$router.go(0)都可以刷新当前页面的,缺点就是相当于按ctrl+F5 强制刷新,整个页面重新加载,会出现一个瞬间的空白页面,体验不好。...它仅仅影响实例本身和插入插槽内容的子组件,而不是所有子组件。 强制刷新: this.$forceUpdate(), 同等效果的:window.location.reload()。...$forceUpdate() } } } 使用组件中的 :key 如果需要每次在当前父页面更新时重载某个组件就可以用这个方法,每次组件更新 :key 都会重新取值,而时间戳每次都是不同的...v-if通过控制变量的方式来实现重新加载,比较推荐。 使用组件中的 :key的方式相对比较优雅和简单,推荐使用。

    12.2K40

    JS刷新当前页面的方法总结

    大家好,又见面了,我是你们的朋友全栈君。 一、刷新页面方法介绍 1.reload() 该方法强迫浏览器刷新当前页面。...true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) reload() 方法用于重新加载当前文档。...2.replace() 该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。...如果有这种应用: 需要重新加载该页面,也就是说期望页面能够在服务端重新被创建,期望是 Not IsPostback 的。这里,location.replace() 就可以完成此任务。...被replace的页面每次都在服务端重新生成。

    10.5K30

    js刷新当前页面方法

    js刷新当前页面 js刷新当前页面 在写JS代码时,用到JS来刷新当前页面的方法有几种,比如最常用的reload(),location 等 reload 方法,该方法强迫浏览器刷新当前页面。...true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后...语法: location.replace(URL) 在实际应用的时候,重新刷新页面的时候,我们通常使用: location.reload() 或者是 history.go(0) 来做。...如果有这种应用: 我们需要重新加载该页面,也就是说我们期望页面能够在服务端重新被创建, 我们期望是 Not IsPostback 的。这里,location.replace() 就可以 完成此任务。...被replace的页面每次都在服务端重新生成。

    12K20

    Service Worker 入门指南

    生命周期 (install -> waiting -> activate -> fetch): 其中, install 事件是 Service Worker 获取的第一个事件,并且只发生一次。...它等同于 Network 窗格中的离线模式。 「Update on reload」:复选框可以强制 Service Worker 线程在每次页面加载时更新。...「Bypass for network」:复选框可以绕过 Service Worker 线程并强制浏览器转至网络寻找请求的资源。...「Source」:告诉当前正在运行的 Service Worker 线程的安装时间,链接是 Service Worker 线程源文件的名称。...停止 Service Worker 线程是测试 Service Worker 线程再次重新启动时的代码行为方式的绝佳方法。它通常可以揭示由于对持续全局状态的不完善假设而引发的错误。

    3.4K31

    Vue.js项目刷新当前路由(页面)的方法与实践

    Vue.js在提升性能方面着重的使用了组件复用能力,极大的优化了DOM更新的速度,提升了用户体验。...使用Vue-Router在进行路由配置时也会带来些问题: 重新进入当前路由时,页面是不进行刷新的 在进行列表类数据操作时:新增、删除、编辑时可能需要让当前页面刷新 下面就跟随胡哥的风骚走位,一起来探究刷新当前路由...(页面)的方式 方法一:暴力解决-强制整个页面进行刷新 使用this....$router.go(0)函数,可以强制刷新当前页面 使用window.location.href或者window.location.reload(),强制刷新当前页面 问题: 此两种处理都会是当前页面进行刷新...,浏览器进行重新加载,出现页面闪烁和空白,极大的降低了用户体验。

    9.3K20

    $forceUpdate的解析

    可以的,就是利用$forceUpdate,此时修改了数据,然而页面层没有变动,之后通过日志打印的方式确认数据是否有修改过,之后再确认有没有监听到,用$forceUpdate就相当于按照最新数据给渲染一下...该同等效果的:window.location.reload() 本质 在vue的官方文档中有说明到这个是一个强制刷新的api,但很少用到,除非是遇到了需要实时响应组件状态的时候 Force the component...分析 forceUpdate就是重新render 有些变量不在state上,但是你又想达到这个变量更新的时候,重新(render),从而渲染虚拟DOM。 注意到这个时候并不是重新加载组件。...我们知道,当v-if的值发生变化时,组件都会被重新渲染一遍。因此,利用v-if指令的特性,可以达到强制刷新组件的目的。...= true }) } } } key-changing 原理很简单,vue使用key标记组件身份,当key改变时就是释放原始组件,重新加载新的组件

    1K10

    Vite入门从手写一个乞丐版的Vite开始(下)

    创建WebSocket连接 浏览器显然是不知道文件有没有修改的,所以需要后端进行推送,我们先来建立一个WebSocket连接。...,所以创建一个type为module的script标签,来让浏览器加载,这样请求都不用自己发,只要把想办法获取到模块的导出就行了,这个也很简单,创建一个全局函数即可,这个很像jsonp的原理。...type=template,这个源于上一篇文章里我们请求Vue单文件的模板部分是这么设计的,为什么要加个时间戳呢,因为不加的话浏览器认为这个模块已经加载过了,是不会重新请求的。...== 'undefined') { window.location.reload(); } }); } 通过注释应该能大概看出来它的原理,通过强制父实例重新渲染...App.vue的url是带了时间戳的,所以我们可以检查请求模块的url是否存在时间戳,存在则把它依赖的所有模块路径也都带上时间戳,这样就会触发重新请求了,修改一下模块路径转换方法parseBareImport

    2.9K30

    JS DOM学习笔记

    1、window对象代表当前浏览器窗口 2、使用window对象的属性、方法的时候可以省略window。...setTimeout只执行一次,setInterval可以不断的执行无数次 6、onload(页面加载后触发):网页加载完毕时触发,浏览器是一边下载文档、一边解析执行,可能会出现JavaScript执行时需要操作某个元素...元素的onload事件是元素自己加载完毕时触发,body onload才是全部加载完成。...,可以取值,也可以赋值     window.location.reload();  //刷新当前页 10、window.event是IE下非常重要的属性,用来获得发生事件时的信息,事件不局限于window...的区别:window.onload只能注册一次,是在所有的Dom元素创建完毕、图片、CSS都加载完毕后才被触发;而jQuery的ready则是在Dom元素创建完毕后被触发,这样可以提高网页的响应速度 15

    4K40

    js实现页面刷新

    true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") reload() 方法用于重新加载当前文档。...2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替换的URL。...如果有这种应用: 需要重新加载该页面,也就是说期望页面能够在服务端重新被创建,期望是 Not IsPostback 的。 这里,location.replace() 就可以完成此任务。...被replace的页面每次都在服务端重新生成。...(); } setTimeout('myrefresh()',1000); //指定1秒刷新一次 4,JS刷新框架的脚本语句 复制代码 代码如下: //刷新包含该框架的页面用

    20.5K40

    谨慎处理 Service Worker 的更新

    因为这些文件不常修改,再配以长时间的强制缓存,能够大大降低访问它们的耗时。 可惜针对 SW,这种做法并不合适。...刷新的源头在于 SW 的变更;SW 的变更又来源于浏览器安装新的 SW 碰上了 skipWaiting,所以这次刷新绝大部分情况会发生在加载页面后的几秒内。...当然如果你的应用有不同的结构,也可以自行修改。总之想办法展示提示条,或者单纯使用 confirm 让用户确认即可。 第 3 步需要处理用户点击,并和 SW 进行通讯。...向 等待中的 SW 发消息,而不是向当前的老的 SW 发消息。...不过反过来说,如果浏览器帮助我们完成了上述操作,那就变成允许通过一个 Tab 的刷新去强制其他 Tab 刷新,在当前浏览器以 Tab 为单位的前提下,存在这种交叉控制也是不安全和难以理解的。

    1.7K20
    领券