网页返回上一页时自动刷新页面

最新推荐文章于 2024-10-09 09:59:16 发布

转载最新推荐文章于 2024-10-09 09:59:16 发布 · 664 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/phperlinxinlan/p/10384510.html

文章标签：

#javascript #ViewUI

本文介绍了一段使用jQuery实现的JavaScript代码，该代码用于检测页面是否从缓存加载，并在缓存加载的情况下重新加载页面。具体实现方式是在窗口onpageshow事件中检查event.persisted属性，如果为真，则执行页面刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js代码如下：

<script>
    $(function () {
        window.onpageshow = function (event) {
            if (event.persisted) {
                window.location.reload();
            }
        }

    });
</script>

转载于:https://www.cnblogs.com/phperlinxinlan/p/10384510.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30487701

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JS实现页面返回时刷新JS实现页面刷新一次

weixin_49215012的博客

08-03

529

JS实现页面返回时刷新JS实现页面刷新一次 <!DOCTYPE html> <html> <head> <script src="./jquery-1.12.4.min.js"></script> </head> <body> <div class="container"> <div id="asdsa"> <a href="#">南京免费代缴社保,公积金,注册

如何实现返回上一页并自动刷新

热门推荐

sulliy的专栏

03-20

2万+

Java编写WEB程序时，页面应该只是表示的部分，不应该含有任何Java脚本代码。我们经常会碰到返回上一页，但是需要刷新页面上与状态相关的信息，从而避免重复操作，错误信息的弊端。先说两种方法：1. 设置页面为不缓存，访问上一次页面就需要重新去服务器获取。（我没有试过）。HTMLJAVAif (request.getProtocol().compareTo("HTTP/1.0") == 0){ response.setHeader("Pragma","no-cache"); }else if (requ

参与评论您还未登录，请先登录后发表或查看评论

返回上一页并自动刷新的JavaScript代码

10-26

返回上一页并自动刷新，JavaScript一般的使用history.go(-1)和history.back()等,需要的朋友可以参考下

navigateBack返回自动刷新上一个页面

qq_46023286的博客

10-09

399

let pages = getCurrentPages(); let url = '/' + pages[pages.length - 2].route;//上一个页面 if (url) { uni.reLaunch({ url: url, }); }

页面返回并刷新页面

weixin_37728231的博客

03-17

1439

window.history.back();//返回，页面不刷新； window.location.reload();//重新加载页面； window.location.refresh();//刷新当前页面； window.location.href = document.referrer; //返回上一页并回退 document.referrer;可以取到上一个页面的具体路径， ...

返回上一页并强制页面刷新

t1137471535的专栏

04-26

2405

使用window.history.go(-1)返回上页的同时刷新"上页"，这个适合用在"上页"含有动态更新的内容，比如调用论坛的新帖,调用文章系统的最新文章等等。如果你的"上页"没有动态更新的内容，建议不要弄这个，别人点返回的时候还要再加载一次。强制载入后刷新一次在要载入的页面加入以下代码： view source print? 1 "text/

解决webview调用goBack()返回上一页自动刷新闪白的情况

01-04

问题是：重写了onKeyDown()方法使其goBack()，但是遇到的问题是，每次进入webview再次返回原始页面的时候，中间会有一个闪白的出现。试了好多网上的方法，发现都是扯淡。后来意识到，webView 有缓存存在着缓存...

angular+ionic返回上一页并刷新页面

08-29

这是因为$state.go()方法并不能自动刷新页面，我们需要使用其他方法来实现页面刷新。使用$ionicView.beforeEnter事件使用$ionicView.beforeEnter事件是实现返回上一页并刷新页面的一种有效方法。我们可以在控制...

微信小程序返回上一页传参并刷新过程解析

10-15

针对这个需求，本文将详细解析微信小程序中返回上一页传参并刷新的过程。首先，我们要明确的是，微信小程序的每个页面生命周期方法中，`onLoad(options)` 只会在首次加载页面时执行一次。这意味着当你从一个页面...

自动返回上一页并自动刷新的方法

Microblue（严武）

08-10

837

自动返回上一页并自动刷新的方法Response.redirect(request.servervariables("http_referer")) 指定刷新另外一个页面window.opener.location.reload("url");

移动端H5页面返回并且刷新页面（BFcache）

weixin_30877181的博客

11-05

2414

项目中的需求：点击浏览器中的返回按钮，要让页面重新加载资源。因为这部分的资源每次去加载的内容都不一样，如果返回的时候，还是看到原先的内容，那做这个内容块的意义就很小了；而如果用户看完了这部分内容，再返回来的时候，这个地方换成了新的内容，这样就能体现这部分的价值了。而对于浏览器来说，大部分浏览器的返回是直接使用缓存的，不会执行任何的javascript代码。原因：部分浏览器在后退时不会触发onl...

//返回刷新页面

weixin_43395933的博客

03-08

309

// function pushHistory() { // window.addEventListener(“popstate”, function(e) { // self.location.reload(); // }, false); // var state = { // title : “”, // ...

页面返回上一页并刷新

小石头

01-08

245

一、返回上一页并刷新 <a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a> <a href="javascript:history.go(-1)">返回上一页</a> <a href="javascript:location.reloa...

返回前一页并刷新页面方法

weixin_33747129的博客

10-24

251

原文地址：http://www.zixuephp.com/html/javascript/2014_09/1642.html php实现返回上一页的功能的3种有效方法 echo "<script>alert('退出成功!');location.href='".$_SERVER["HTTP_REFERER"]."';</script>"; header(lo...

移动端点击返回上一页时，强制刷新

nahanai的博客

05-20

2351

返回后页面不刷新，一些失效的信息依然显示在页面上。这个问题在iphone手机上会出现，在Android手机上返回时会自动刷新。通过代码调试发现，返回上一级的页面是从往返缓存中获取的,而浏览器保存了DOM和js的状态，再次打开时不触发onload事件，即页面不会重新加载。 onpageshow 事件在用户浏览网页时触发，类似于 onload 事件，onload 事件在页面第一次加载时触发， on...

[开发技巧]·html实现返回页面并自动刷新

简明AI工作室

12-18

5260

[APICloud实用技巧教程]实现返回页面并自动刷新 问题描述在进行APP开发时，有时候会遇到你下一级页面操作过以后会改变上一级页面的结果。这时候就需要我们去刷新上一级页面。一般可以采取三种方式：定时刷新用eventListener，检测事件使用execScript，外部执行js 我选用的是第三个方式，操作简单，效率高，且代码量少。历程我们在win: a.html打开了...

JS 刷新当前页面返回上一页并刷新的方法

03-14

3084

reload方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])参数：bForceGet，可选参数，默认为 false，从客户端缓存里取当前页。true, 则以GET方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方...

UNIAPP返回上一页面自动刷新

最新发布

01-14

### 实现 UNIAPP 中返回上一页面时不自动刷新 在开发过程中，当涉及到页面之间的导航时，尤其是在微信环境中进行授权操作后，可能会遇到页面回退时发生自动刷新的情况。对于这个问题，可以采取多种策略来确保页面回退不会触发不必要的刷新。 #### 方法一：检查当前页面栈并有条件地执行 `navigateBack` 为了防止页面被重复加载而导致的刷新现象，可以在调用 `uni.navigateBack` 前先判断当前页面栈的状态： ```javascript goBack() { const pages = getCurrentPages(); if (pages && pages.length > 1) { uni.navigateBack({ delta: 1, }); } else { window.history.back(); // 使用原生浏览器行为代替框架API } } ``` 这种方法利用了 `getCurrentPages()` 函数来获取应用内的所有打开过的页面实例列表[^3]。只有当确实存在可退回的历史记录项时才调用 `uni.navigateBack`，否则尝试使用浏览器自身的 `history.back()` 功能来进行更自然的操作处理。 #### 方法二：保存状态至本地存储或 URL 参数另一种方式是在每次进入新页面之前将必要的数据存入 LocalStorage 或者作为查询字符串附加到URL地址栏中。这样即使发生了意外刷新也能恢复之前的浏览上下文而不影响用户体验。例如，在跳转目标页面前可以通过如下代码片段设置参数： ```javascript // 进入下一个页面时传递必要信息 const paramsToPass = encodeURIComponent(JSON.stringify(someData)); uni.navigateTo({ url: `/path/to/targetPage?data=${paramsToPass}` }); ``` 而在接收端则解析这些传来的值用于初始化界面显示逻辑： ```javascript onLoad(options){ if(options.data){ try{ this.someData = JSON.parse(decodeURIComponent(options.data)); }catch(e){} } } ``` 此做法有助于保持前后两次访问间的一致性和连贯性，从而减少因刷新带来的干扰[^2]。 #### 方法三：禁用默认事件监听器有时页面间的过渡动画或其他插件可能无意间绑定了某些全局性的事件处理器，这可能导致特定条件下触发额外的动作如重新载入整个文档对象模型(DOM)树结构。因此建议开发者仔细审查项目配置文件中的相关设定，并适当调整以排除潜在冲突源。比如取消默认绑定于窗口上的 popstate 事件监听器: ```javascript window.addEventListener('popstate', function(event) { event.preventDefault(); // 阻止默认动作即页面刷新 }, false); ``` 以上三种途径均可有效缓解乃至彻底消除由于不当设计所引起的页面来回切换期间发生的非预期更新问题[^1]。