由window.history.back()引发的问题

编写人：CC阿爸

2015-1-30

今天在这里，我想与大家一起分享由windows.history.back()引发的问题，笔者在实际开发当中遇到了多种不同的情况，在此做个小结，以供参考。有兴趣的同学，可以一同探讨与学习一下，否则就略过吧。

1.由于刚开始进行的web开发，很多时候使用的为html控件，因此处理起来相当简单

如以下两种方法：

window.history.back();  （不会刷新）

window.location.href=’上一个页面.aspx’  （会刷新）

<input type=button value=刷新 onclick="window.location.reload()">

<input type=button value=前进 onclick="window.history.go(1)">

<input type=button value=后退 onclick="window.history.go(-1)">

<input type=button value=前进 onclick="window.history.forward()">

<input type=button value=后退 onclick="window.history.back()"> 

后退+刷新

<input type=button value=后退 onclick="window.history.go(-1);window.location.reload()">

2.但转到webcontrol时，发现这些就不能通用了。经过测试发现要采用如下操作（留意红色部分内容）：

<asp:Button ID="btnBack" Width="80px" runat="server" Text="Back"  OnClientClick=" window.history.back();return false; ">（不会刷新）

 <asp:Button ID="btnBack" Width="80px" runat="server" Text="Back"  OnClientClick="window.location='P_PRQuoList.aspx';return false;"> （会刷新）

<asp:Button ID="btnBack" Width="80px" runat="server" Text="Back"  OnClientClick="window.location.href=document.referrer; return false;">

                    </asp:Button>（会刷新）

3.在C# Web程序中，如为页面按钮写返回上一页代码

this.RegisterClientScriptBlock("E","<script language=javascript>history.go(-2);</script>");

其中，history.go(-2)，要写为-2，因在按钮事件触发前，已刷新一次页面，所以应是-2。

Response.Write("<script language=javascript>history.go(-2);</script>");

此处也要写为“-2”。跟直接写脚本的有所不同。history.back()是会上一页
i=1
history.go(i)去指定的某页

4.另：有时候，我们返回时，想保留上次输入的内容，又如何处理，一般情况下返回后，内容就被清空了。

网上同学讲.history.back(-1);是不能去掉的.. 用window.location.href='页面.aspx';

以下为通用的解决方案：

<HTML><HEAD>

<META content=history name=save>

<STYLE>

.saveHistory {behavior:url(#default#savehistory);}

</STYLE>

<META content="MSHTML 6.00.2800.1528" name=GENERATOR></HEAD>

<BODY>加了历史保留功能:<BR><TEXTAREA class=saveHistory></TEXTAREA><BR>没有加的:<BR><TEXTAREA></TEXTAREA>

<P><INPUT onclick='javascript:location.href="http://www.google.com"' type=button value=点击进入,再按后退键试试？> </P></BODY></HTML>

以下第二部分为我在程序中采用的解决方案

欢迎加入技术分享群

以下是其它网友总结的文章，写得很全面，现摘抄下来供大家参考

http://blog.csdn.net/durendong/article/details/9245863

打开一个jsp页面,肯定是用客户端脚本进行刷新了。

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.history.back()引发的问题的更多相关文章

  1. window.history的跳转实质－HTML5 history API 解析

    在上一浏览器跳转行为的测试中,我们看到了通过不同的方法操作浏览器跳转时,它的刷新表现有所不同,在这一文章中,将看看,为何会产生这样的不同?其背后的实质是什么?浏览器的访问历史记录到底是如何运作的呢? ...

  2. safari 浏览器window.history.go(-1)运行无效解决办法

    这几天做了几个手机端app的wap页面,做完之后发现一个问题,那就是ios系统下的safari浏览器不支持window.history.go(-1)..无语... 解决方法很简单!加上return f ...

  3. javascript:window.history.go(-1)

    history是你浏览过的网页的url(简单的说就是网址)的集合,也就是你的浏览器里的那个历史记录.它在js里是一个内置对象,就跟document一样,它有自己的方法,go就是其中一个. 这个方法的参 ...

  4. window.history 和 DWZ 框架

    DWZ框架的ajax请求返回的一般都是一个HTML片段,整个页面是由一个个HTML片段组成的,可以由TAB切换其内容,但是只有一个body和HEAD,一般head 和 菜单栏是不会动的. 今天遇到一个 ...

  5. window.history.pushState与ajax实现无刷新更新页面url

    ajax能无刷新更新数据,但是不能更新url HTML5的新API: window.history.pushState, window.history.replaceState 用户操作history ...

  6. javascript宿主对象之window.history

    window.historys属性允许我们操作同一个浏览器回话中的已访问页面,例如我们可以看到在这之前我们浏览页面的数量: window.history.length 由于隐私保护,我们无法获取这些页 ...

  7. 使用ajax和window.history.pushState无刷新改变页面内容和地址栏URL

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...

  8. window.history

    作者:zccst 旧版: forword() backword() go(number) HTML5中新增了 onhashchange  浏览器兼容性较好,用得较多 pushState / repla ...

  9. 返回页面,主页面不刷新window.history.go(-1),主页面刷新window.location.go(-1)

    返回上一页,不刷新 window.history.go(-1) 返回上一页,刷新 window.location.go(-1)

随机推荐

  1. Dede cms文章内容管理系统安全漏洞!如何有效防止DEDE织梦系统被挂木马安全设置

    第一.安装Dede的时候数据库的表前缀,最好改一下,不要用dedecms默认的前缀dede_,可以改成ljs_,随便一个无规律的.难猜到的前缀即可. 第二.后台登录一定要开启验证码功能,将默认管理员a ...

  2. 创建一个struts2的HelloWorld

    1.下载struts2的jar包 http://struts.apache.org/download.cgi#struts255 下载一个稳定版本Struts 2.3.31 里面提供了maven ja ...

  3. java小程序 实例 二分法查找

    使用二分法在一个数组中查找一个数: package com.test; public class BinaryFind { private final static int size = 500000 ...

  4. python中的enumerate函数

    enumerate 函数用于遍历序列中的元素以及它们的下标: >>> for i,j in enumerate(('a','b','c')): print i,j 0 a1 b2 c ...

  5. window上Python环境的搭建

    python下载地址:https://www.python.org/ 下载安装 安装完成后配置环境变量,在我的电脑右键属性点高级设置 双击 环境变量 里面第二框找到 path双击     在pytho ...

  6. POJ 2104 【主席树】【区间第K大】

    #include<stdio.h> #include<algorithm> #include<string.h> #define MAXN 100010 #defi ...

  7. 数据以Excel形式导出导服务器，再将文件读取到客户端另存 以HSSFWorkbook方式实现

    public void exportExcel(List<P2pInfo> repayXist,HttpServletRequest request,HttpServletResponse ...

  8. 002 The Variables In Csharp

    在介绍本章之前,我们先看一下C#的编译过程,如下图所示: 图片摘自:http://www.developingthefuture.net/compilation-process-and-jit-com ...

  9. selenium和Firefox版本不兼容

    selenium8.py coding = utf-8 from selenium import webdriver driver = webdriver.Firefox() driver.get(' ...

  10. MSP430F149学习之路——按键与LED

    代码 /*********************************** 程序功能:用按键控制LED状态 缺点:按键按下后无法改变LED灯的状态,可以利用板上的复位键^~^ ********** ...