Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >javascript 页面后退并刷新

javascript 页面后退并刷新

作者头像
全栈程序员站长
发布于 2022-09-15 02:41:23
发布于 2022-09-15 02:41:23
2.9K00
代码可运行
举报
运行总次数:0
代码可运行

大家好,又见面了,我是你们的朋友全栈君。

javascript做页面后退常使用的方法是

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
window.history.back();

这样确实可以做到后退的功能,但是项目中,常常并不只是后退就能完成需求,往往需要在后退的同时,刷新后退的页面信息,比如后退到首页同时刷新首页的最新数据,这样的需求通过上面这种方法就没法满足了,为了实现这个需求,我们需要使用到

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
document.referrer

这个方法可以取到上一个页面的具体路径,我们通过这个方法,再结合JS的跳转函数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
window.location.href

就可以实现后退并且刷新的效果的,完整代码如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
window.location.href=document.referrer;

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/164204.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
js后退一步[通俗易懂]
转载于:https://www.cnblogs.com/jianghaidong/p/4971592.html
全栈程序员站长
2022/09/15
6830
js 后退刷新[通俗易懂]
history.back()和history.go(-1)都可以实现返回上一页并不刷新 向要页面后退刷新使用:window.location.href = document.referrer;即可实现
全栈程序员站长
2022/09/15
7.8K0
javascript页面刷新的几种方法[通俗易懂]
window.location.reload(),window.history.go(0)和document.execCommand(”Refresh”),这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。 Javascript刷新页面的几种方法: 1 history.go(0) 除非有<%..%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据 不刷新 2 location.reload() 要重新连服务器以读得新的页面(虽然页面是一样的) 刷新 3 location=location 要在javascript中导航,不是调用window对象的某个方法,而是设置它的location.href属性,location属性是每个浏览器都支持的。比如: <span οnclick=”javascript:window.location.href=’#top’”>top</span> 执行后有后退、前进 4 location.assign(location) 加载 URL 指定的新的 HTML 文档。 就相当于一个链接,跳转到指定的url,当前页面会转为新页面内容,可以点击后退返回上一个页面。 5 document.execCommand(‘Refresh’) 6 window.navigate(location) MSDN说的window.navigate(sURL)方法是针对IE的,不适用于FF,在HTML DOM Window Object中,根本没有列出window.navigate方法。 7 location.replace(location) 执行后无后退、前进 通过加载 URL 指定的文档来替换当前文档 ,这个方法是替换当前窗口页面,前后两个页面共用一个 窗口,所以是没有后退返回上一页的 8 document.URL=location.href
全栈程序员站长
2022/09/09
5.4K0
javascript页面刷新的几种方法[通俗易懂]
history.back(-1)和history.go(-1)的区别
转载自:http://www.uw3c.com/jsviews/js96.html
全栈程序员站长
2022/09/06
3910
history.back(-1)和history.go(-1)的区别
HTML如何实现页面跳转(html跳转到指定页面)
window.history.go(-1);或者window.history.back(-1);
全栈程序员站长
2022/07/26
18.4K0
JS实现前进后退刷新的各种方法
这里介绍了JS前进、后台、刷新的各种方法。也解释了很多前进后退函数出问题的原因。 下面是用按钮做前进后退的JS:
全栈程序员站长
2022/09/15
1.8K0
关于Js后退几种方式
history.go(X); X数字 0刷新当前页,1前进(带缓存),-1后退一页(带缓存),-2后退两页(带缓存);
全栈程序员站长
2022/09/15
2.1K0
关于Js后退几种方式
JavaScript交互式网页设计 • 【第3章 JavaScript浏览器对象模型】
BOM 是浏览器对象模型的简称。JavaScript 将整个浏览器窗口按照实现的功能不同拆分成若干个对象
全栈程序员站长
2022/11/01
8540
JavaScript交互式网页设计 • 【第3章 JavaScript浏览器对象模型】
html refresh原理,HTML meta refresh 刷新与跳转(重定向)页面
刷新与跳转(重定向)页面的例子吧,后面本站长自己也补充了一些js页面刷新与跳转例子吧。
全栈程序员站长
2022/09/09
2.3K0
JS刷新当前页面的方法总结
该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5(“刷新”)
全栈程序员站长
2022/09/14
10.9K0
JavaScript实现页面前进后退「建议收藏」
function pagebackward() { window.history.back(); } function pageforward() { window.history.forward(); } </script> <input type=button value=前进 onclick=”pageforward()”> <input type=button value=后退 onclick=”pagebackward()”>
全栈程序员站长
2022/09/15
1.2K0
用JavaScript制作页面特效
setTimeout和setInterval两者区别:setTimeout是定时程序,在什么时间做什么事情,setInterval是表示间隔一定时间反复执行某操作。
全栈程序员站长
2022/09/06
1.9K0
用JavaScript制作页面特效
js页面刷新跳转的几种方式及区别
跳转常用方法: window.location.href="index.php"; window.history.back(-1);//类似于按钮,参数是负几,就后退几次。 window.navigate("index.jsp"); //navigate对象包含有关浏览器的信息,也可以作为页面跳转,后面直接加要跳转的地方。 self.location.href=index.htm; //self指代当前窗口对象,属于window最上层的对象; //location.href 指的是
ydymz
2018/09/10
9K0
【Java 进阶篇】JavaScript BOM(浏览器对象模型)详解
BOM,即浏览器对象模型(Browser Object Model),是JavaScript与浏览器之间的接口,它允许JavaScript与浏览器进行交互,实现访问和控制浏览器窗口、文档和其他浏览器功能的功能。本文将详细介绍BOM的各个方面,包括窗口对象、定时器、历史记录、位置信息等,并提供示例代码来帮助您更好地理解和运用BOM。
繁依Fanyi
2023/10/19
7740
再谈location与history之跳转转态监控—router的两种实现模式
使用location对象可以通过很多方式来改变浏览器的位置,每次修改location的属性(hash除外),页面都会以新URL重新加载。
周陆军博客
2023/05/07
2.5K0
js跳转页面并刷新(本页面跳转)
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/128190.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/27
24.3K0
js刷新页面
如何实现刷新当前页面呢?借助js你将无所不能。 1,reload 方法,该方法强迫浏览器刷新当前页面。 语法:location.reload([bForceGet]) 参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后退”来访问已经被替
前朝楚水
2018/04/02
18.1K0
html跳转网页代码_迅雷搜索引擎蜘蛛
蜘蛛正常访问 用户访问直接跳转,这样的需求相信有很多人都遇到过,也就是:当用户点击进入网站页面的时候,会直接跳转到指定的网页,但是当蜘蛛进来访问时就不会跳转,让蜘蛛可以正常抓取。
全栈程序员站长
2022/09/21
7180
js常用跳转代码[通俗易懂]
今天整理下我们常用的js跳转代码,常用的js跳转代码比如:js倒计时跳转代码、pc站跳转手机站代码、在原来的窗体中直接js跳转用、在新窗体中打开页面用、js直接跳转代码、js返回代码、head标签内加如下代码实现页面定时自动跳转代码、self.location方式实现页面跳转、top.location方式实现页面跳转,具体请看以下代码,希望对你有帮助。
全栈程序员站长
2022/09/21
9.8K0
js代码中实现页面跳转的几种方式[通俗易懂]
大家好,又见面了,我是你们的朋友全栈君。 js代码中实现页面跳转的几种方式 注:jquery的.get(),.post(), 第一种: <script language=”javascrip
全栈程序员站长
2022/09/21
14K0
相关推荐
js后退一步[通俗易懂]
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验