首页
学习
活动
专区
工具
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 从服务器加载页面资源,其他浏览器还不支持。

6.3K41

解决安卓微信浏览器中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.4K70
  • 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方式相对比较优雅和简单,推荐使用。

    11.7K40

    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页面每次都在服务端重新生成。

    11.9K20

    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 线程再次重新启动时代码行为方式绝佳方法。它通常可以揭示由于对持续全局状态不完善假设而引发错误。

    2.6K30

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

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

    9.2K20

    $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

    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都加载完毕后才被触发;而jQueryready则是在Dom元素创建完毕后被触发,这样可以提高网页响应速度 15

    4K40

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

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

    2.9K30

    js实现页面刷新

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

    20.5K40
    领券