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

最新推荐文章于 2023-03-30 09:43:36 发布

e421083458

最新推荐文章于 2023-03-30 09:43:36 发布

阅读量4k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/e421083458/article/details/8177276

javascript 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一个在Safari浏览器中遇到的问题：返回前一页时，部分通过JavaScript加载的内容无法正常显示。文中提供了一段JavaScript代码，该代码可以检查并解决这一问题。

Safari在返回前一页时，部分通过JS加载的内容无法显示。此时如果页面得以刷新则问题即可解决！

<script type="text/javascript">
if(window.name != "bencalie"){ 
location.reload(); 
window.name = "bencalie";
}else{ 
window.name = "";
}
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

e421083458

关注关注

1
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

专栏目录

手机浏览器后退按钮强制刷新页面方法总结

09-01

主要介绍了手机浏览器后退按钮强制刷新页面方法总结的相关资料,需要的朋友可以参考下

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

12-09

在Angular+Ionic项目中，当需要返回上一页并刷新内容时，可以尝试使用 `$ionicHistory.goBack()` 结合 `$stateChangeSuccess` 事件，或者直接使用 `$state.go()` 的 `reload` 选项。如果这些方法不起作用，可以利用 ...

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

强制页面回退刷新

XuHaiPeng

09-10

991

<br />response.setHeader("Cache-Control","no-store");<br /> response.setDateHeader("Expires", 0);<br /> response.setHeader("Pragma","no-cache"); <br /> <br />加入到页面顶部

页面返回时，进行强制刷新

weixin_57092157的博客

03-30

344

(用户通过常规导航方式访问页面,比如点一个链接，或者一般的get方式.)(用户通过刷新,包括JS调用刷新接口等方式访问页面)(用户通过后退按钮访问本页面)

移动端H5页面返回并刷新页面（BFcache）的方法

10-17

针对这一行为，开发者可以使用JavaScript监听pageshow事件，并在检测到persisted属性为true时，使用window.location.reload()方法强制页面刷新。在某些浏览器中，比如UC和微信中测试是有效的，但在某些安卓手机自带...

解决微信内置浏览器返回上一页强制刷新问题方法

08-31

通过以上技术点的组合使用，我们可以有效地解决微信内置浏览器返回上一页时的强制刷新问题，提供更顺畅的浏览体验。这种解决方案对于那些依赖AJAX动态加载内容的单页面应用尤其重要，因为它确保了用户在页面间的导航...

js返回上一页并刷新代码整理

10-27

在web开发中，实现“返回上一页并刷新”的功能是一种常见的用户交互需求，这种功能能增强用户的浏览体验，尤其在表单提交或是需要获取最新数据的场景中。这篇文章提供了一些具体的实现方法。 ### 返回上一页并刷新...

浏览器回退按钮强制刷新

lou_hy2016的博客

10-20

1462

关于返回页面，页面不刷新 js解决方法如下： if(window.name != "bencalie"){ location.reload(); window.name = "bencalie"; } else{ window.name = ""; } 转载地址：http://lz881228.blog.163.com/blog

页面返回时，有缓存，强制刷新（2种方法）

u011927449的博客

08-27

1183

//第一种方法<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script src="js/jquery-2.1.3.min.js"></script> <input id="cacheTest" /> <script> var input = .

手机浏览器后退按钮强制刷新页面方法

lipengaccp的博客

07-29

558

手机浏览器后退按钮强制刷新页面方法

移动端点击返回时强制页面刷新解决办法(pageshow)

weixin_30580341的博客

12-18

266

在做移动端项目的时候经常遇到这样一个功能比如：返回后页面不刷新，一些失效的信息依然显示在页面上。这个问题在iphone手机上会出现，在Android手机上返回时会自动刷新（由于手机机器种类不多，无法做更多测试，欢迎补充）。为了解决这个问题实验了很多解决办法用计时器呀onload呀都不行，后来找到了一个方法pageshow。 onpageshow 事件在用户浏览网页...

手机浏览器后退按钮强制刷新页面方法

chenalvin5210310的博客

09-11

4916

if(window.name != "bencalie"){ location.reload(); window.name = "bencalie"; }else{ window.name = ""; } 加载这段代码就可以了

window.name实现跨域

blogzlh的专栏

11-27

565

页面A要访问跨域的页面B A页面--------------------------------------- function getData(){ var iframe = document.getElementById("proxy"); iframe.onload = function(){ var data = iframe.contentWindow.nam

浏览器返回上一页之后强行刷新一次

wangziqiangai的博客

03-30

5980

if(window.name != "bencalie"){ location.reload(); window.name = "bencalie"; }else{ window.name = ""; }

页面后退刷新、无刷新

CamilleZJ的博客

09-19

7806

页面后退强制刷新

js返回上一页并刷新代码整理

小白努力走

08-19

4278

返回上一页重载页面，本地刷新返回上一页重载页面，本地刷新

uniapp点击返回上一页不刷新页面

最新发布

02-26

### UniApp 中返回上一页不刷新的解决方案 #### 方法一：手动触发页面刷新逻辑对于H5端，当用户点击返回按钮时，可以通过监听`onShow`生命周期钩子来实现页面自动刷新。每当页面显示时都会执行一次数据获取操作。 ```javascript export default { onShow() { this.loadData(); }, methods: { loadData() { // 模拟异步请求接口获取最新数据并更新视图 setTimeout(() => { console.log('模拟加载新数据'); }, 1000); } } } ``` 这种方法适用于希望每次回到页面都能看到最新的服务器状态的情况[^1]。 #### 方法二：利用缓存机制控制是否刷新可以考虑引入一个全局变量或本地存储作为标志位，用于判断是否需要重新加载数据： ```javascript let needRefresh = true; function goBackWithCondition(refreshFlag) { needRefresh = refreshFlag; const pages = getCurrentPages(); if (pages && pages.length > 1) { uni.navigateBack({ delta: 1, }); } else { history.back(); } } // 在目标页面的 onLoad 或者 onShow 生命周期内加入如下代码： if (needRefresh) { this.loadData(); } ``` 此方式允许开发者灵活决定何时以及如何刷新页面内容[^3]。 #### 方法三：使用 `redirectTo` 替代默认回退行为针对某些特定场景下（如多级嵌套页面），可采用`redirectTo`代替普通的`navigateBack()`方法。这种方式会在跳转前销毁当前页实例，从而强制刷新目的页面。 ```javascript uni.redirectTo({ url: '/path/to/targetPage' }); ``` 该策略特别适合于从二级页面转向三级页面而遇到的数据不同步问题[^4]。 #### 特殊情况处理——UC浏览器兼容性修复考虑到部分移动设备上的特殊表现（例如UC浏览器中的异常现象），建议增加额外检测逻辑以确保跨平台一致性： ```javascript goBack() { try { plus.webview.currentWebview().opener().reload(); // 对应plus环境下的webview重载 } catch(e){ window.history.go(-1); // 非plus环境下正常历史记录回溯 } } ``` 上述代码片段尝试调用Plus插件提供的API进行页面重载；若失败则降级为标准的历史导航功能[^2]。