javascript | 刷新页面的方式

最新推荐文章于 2025-11-24 03:12:01 发布
原创 最新推荐文章于 2025-11-24 03:12:01 发布 · 142 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端

本文列举了多种在Web开发中用于刷新页面或改变页面URL的方法，包括history.go(),location.reload(),location赋值等方式，并提到了部分已废弃或浏览器不兼容的命令，如document.execCommand(Refresh)和window.navigate()。

方式

序号方法
1history.go()
2location.reload()
3location = location
4location.assign(location.href)
5location.replace(location.href)
6location.replace(document.referrer)
7window.location.href = document.URL
8window.location.href = document.location.href
9window.open(document.referrer, “_parent”, “”)
10document.location.href = window.location.href
11document.location.href = document.URL
12document.execCommand(“Refresh”) （已废弃）
13window.navigate(url)（只针对IE浏览器，避免使用，不兼容）

参考文档

1、https://developer.mozilla.org/zh-CN/docs/Web/API/Document/execCommand

2、https://blog.youkuaiyun.com/m0_46652188/article/details/119867048

3、https://blog.youkuaiyun.com/hu1010037197/article/details/100427393

其他

image.png

Javascript刷新页面的实例
10-19
本文将详细介绍一些常见的使用JavaScript刷新页面的方法以及实现自动刷新页面的方法。掌握这些知识对于网页开发人员来说是很有帮助的。 1. JavaScript刷新页面的方法： - 使用history.go(0)：这是一种简单的刷新...
js刷新当前页面方法
2301_78102191的博客
05-31 1552
在实际应用的时候，重新刷新页面的时候，我们通常使用： location.reload() 或者是 history.go(0) 来做。因为这种做法就像是客户端点F5刷新页面，所以页面的method=”post”的时候，会出现”网页过期”的提示。可以想到：当调用 location.reload() 方法的时候， aspx页面此时在服务端内存里已经存在， 因此必定是 IsPostback 的。来返回并刷新页面，这两种方法不会刷新页面。在写JS代码时，用到JS来刷新当前页面的方法有几种，比如最常用的。
Js 几种刷新页面最快的方法
hongyuancao的博客
03-21 3038
一直在Js学习路上，关于刷新页面也有很多内容要学习，这篇算是做笔记吧。刷新页面是经常遇到的问题，Js也有很多可以刷新页面的方法。 比如，在我找到的刷新页面的方法中，下面三个是比较快的。 window.location.reload(); window.history.go(0); document.execCommand('Refresh'); 还有一些可以让页面自动刷新方法也记录一下： ...
window.location.href()/replace()/reload() -- 页面跳转+替换+刷新
m0_58293192的博客
12-01 1万+
window.location.href()/replace()/reload() -- 页面跳转+替换+刷新
js 刷新页面
时光留不住，毕竟东流去
06-18 5143
js 刷新页面window.location.reload(); Javascript刷新页面的几种方法： 复制代码 1 history.go(0) 2 window.location.reload() window.location.reload(true) 3 location=location 4 location.assign(location) 5 document.execCommand(’‘Refresh’’) 6 window.navigate(locat
js刷新页面的几种方式与区别
qq_41353397的博客
03-28 1056
Javascript刷新页面的几种方法： 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(‘Refresh’) 6 window.navigate(location) 7 location.replace(location) 8 document.URL=location.href window.location.reload()，window
通过JavaScript自动刷新页面
qq_62563725的博客
05-06 781
在JavaScript中使用location.reload();，即可刷新页面。
JavaScript刷新当前页面的五种方式
weixin_48927323的博客
05-17 3770
javascript中的location.href有很多种用法，主要如下:当前页面打开URL页面 方式一： self.location.href="/url" 方式二： location.href="/url" 方式三： windows.location.href="/url 在父页面打开新页面 parent.location.href="/url" 在顶层页面打开新页面 top.location.href="/url" 如果页面中自定义了frame，那么可将parent
JavaScript刷新页面的几种方法总结
12-09
true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) 2，replace 方法 方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来...
javascript 强制刷新页面的实现代码
12-02
在JavaScript中，刷新页面是常见的需求，特别是在动态更新和用户交互场景中。下面将详细介绍JavaScript提供的几种刷新页面的方法，以及如何实现页面的自动刷新和跳转。 1. `history.go(0)`：此方法会重新加载当前...
js刷新页面方法大全
zy408710468的专栏
05-07 2217
1，reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])    参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因
js刷新当前页面的5种方式
狼魂之力
08-27 2万+
1。 reload reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5(“刷新”) reload() 方法用于重新加载当前文档。 如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改
js刷新页面的几种方法
热门推荐
图解前端的博客
05-14 3万+
在前端开发过程中，我们经常需要通过刷新当前的页面来实现某些功能，一起来了解下前端刷新页面有哪些方式呢？ reload刷新法 reload方法，用来强制浏览器刷新当前页面。语法： loaction.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 ...
Vue开发工具使用技巧
2509_93946471的博客
11-24 281
打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。
【基础】EGG.js 框架内置基础对象
林见鹿鸣
11-24 711
在。
SSM企业物资管理系统h3109(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上，文末可获取，系统界面在最后面
2509_93102542的博客
11-21 766
在技术实现上，国外多采用成熟的开发框架和技术架构，注重系统的安全性、稳定性和可扩展性，同时积极融入大数据、人工智能等新技术，实现物资需求预测、智能库存优化等功能。基于此，开发一套基于SSM框架的企业物资管理系统，整合部门、员工、物资及各类业务流程管理功能，实现物资管理的数字化、规范化和高效化，成为解决企业物资管理痛点的必然需求。本课题旨在开发一套基于SSM框架的企业物资管理系统，围绕部门、员工、物资信息、物资申请、消息提醒、物资归还、物资入库、意见反馈八大核心功能模块，实现企业物资管理的全流程数字化。
Vue3的生命周期
分享学习网络的点点滴滴
11-21 136
Vue3生命周期详解：从创建到卸载的全过程 Vue3的生命周期分为四个主要阶段：创建、更新、卸载和错误处理。创建阶段包含setup()、onBeforeMount()和onMounted()；更新阶段有onBeforeUpdate()和onUpdated()；卸载阶段包括onBeforeUnmount()和onUnmounted()。setup()替代了Vue2的初始化阶段，是组合式API的入口。子组件的生命周期会先于父组件执行。错误处理可使用onErrorCaptured()捕获和阻止错误传播。这些钩子函
Vue网站
最新发布
2509_93947362的博客
11-24 177
给大家分享个实用技巧：组件通信时，简单的父子传参用props/$emit搞定，复杂场景就用Vuex，千万别为了省事滥用event bus，不然项目大了事件流会乱成麻花。以前写数据绑定总要搞一堆繁琐的DOM操作，现在一个双大括号{{data}}就能搞定，新手看了五分钟就能上手写页面。刚开始觉得小项目用Vuex太重量级，后来发现即便是最简单的购物车功能，随着业务复杂度的提升，最终还是得引入状态管理。特别是把相同业务逻辑抽离成composable函数后，在不同组件里直接引入就能用，代码复用率明显提升。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值