js实现浏览器后退页面刷新

最近在开发中遇到一个问题:

在一个列表页面,点击进入详情,详情页面对其状态操作,其详情页面有做修改,然后点击浏览器后退,返回到列表页,在列表页面状态还是操作之前的,为解决状态统一需要手动刷新改列表页。通过一番折腾,终于查到相关的解决方案,实现方式如下:

1、在页面中增加隐藏域  <input type="hidden" id="refreshed" value="no">

2、通过js设置和获取隐藏域值来自动刷新页面

$(function(){    var e=$("#refreshed");    if(e.val()=="no") {        e.val(‘yes‘);    }else{        e.val(‘no‘);     location.reload();    }});
时间: 2024-10-26 06:46:44

js实现浏览器后退页面刷新的相关文章

L--怎样让用户点击浏览器后退按钮刷新后退页面的验证码

介绍 项目需要,怎样让用户点击浏览器后退按钮刷新后退页面的验证码,通过cookie来解决 方法一(通过设置前台html)(失败) 本想通过控制html的http-equiv属性来解决问题,如下 http-equiv属性 1.<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"> 和 <meta http-equiv="Content-Lan

微信浏览器中页面刷新

判断浏览器类型 微信浏览器无法使用window.location.reload()刷新页面

js 弹出子页面刷新父页面

// 点击主页面的添加 跳转到JCXMUPDATE页面 function AddNewData() { //居中显示 var Url = "JCXMUPDATE.aspx?action=" + actionmethod; var height = 280; var width = 600; var win = OpenWin(Url, height, width, "no"); win.focus(); //使弹出的页面得到焦点 return false; //防止

JS禁止浏览器后退键

当键盘敲下后退键(Backspace)后 1.禁止浏览器自动后退 2.但不影响密码.单行文本.多行文本输入框等的回退操作 //方法一: ////当键盘敲下后退键(Backspace)后 //1.禁止浏览器自动后退 //2.但不影响密码.单行文本.多行文本输入框等的回退操作 //window.onload = function () { // /**************************** // * 作者:[email protected] * // * 时间:2012-08-20 *

js防止浏览器后退(键盘、鼠标手势)

这种方式,可以消除 后退的所有动作.包括 键盘.鼠标手势等产生的后退动作 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); 原文地址:https://www.cnblogs.com/liuhaixia/p/9543856.html

js 捕获浏览器后退事件

$(document).ready(function(e) {             var counter = 0;             if (window.history && window.history.pushState) {             window.onpopstate = function () {                         window.history.pushState('forward', null, '#');      

js关闭浏览器窗口及检查浏览器关闭事件

js关闭浏览器窗口,不弹出提示框.支持ie6+,火狐,谷歌等浏览器,下面以一个示例为大家详细介绍下具体的实现方法,感兴趣的朋友可以参考下 js关闭浏览器窗口 js关闭浏览器窗口,不弹出提示框.支持ie6+,火狐,谷歌等浏览器. <html> <head /> <body> <script type="text/javascript"> function closeWin(){ window.opener=null; window.open

js禁止浏览器页面后退功能

js禁止浏览器页面后退功能: <script> $(function(){ if(window.location.href.indexOf("/login") > -1) { //防止页面后退 history.pushState(null, null, document.URL); window.addEventListener('popstate', function () { history.pushState(null, null, document.URL);

WP7 浏览器控件WebBrowser历史记录、前进、后退、刷新功能实现

由于要在应用程序内部访问网页,不跳出应用.所以要实现一个浏览器.但是悲催的事windows phone8 的WebBrowser控件已经支持了像CanGoBack ,CanGoForward,GoBack,GoForward等这些功能,但是wp7没有就实现了几个前进后退几个功能.用在page里面也很简单,实现的效果如下图所示. 因为使用十分简单.和windows phone8上的WebBrowser一样的.我就直接给控件的代码,就帖使用的代码了. 代码如下,注释也都写的比较清楚. using S