window.history.gowindowhistorygo1例子

本文目录一览：

• 1、history.go和History.back的区别及应用
• 2、window.history
• 3、javascript:window.history.go(-1)什么意思啊？
• 4、window history api
• 5、History对象

history.go和History.back的区别及应用

history.go()和History.back()的区别及应用

分类： javascript

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()"

JSP 返回上一页的几种方法

1. a href="javascript:history.back(-1)"返回上一页

2. a href="javascript:;" onClick="javascript:history.back(-1);"返回上一页

3.如果是用按钮做的话就是：

input type="button" name="Submit" onclick="javascript:history.back(-1);" value="返回上一页"

4.用图片做的话就是：

a href="javascript :;" onClick="javascript :history.back(-1);" img src="图片路径" border="0" title="返回上一页" /a

5. a href="javascript:history.go(-1);"向上一页 /a, 返回两个页面: history.go(-2);

页面跳转:onclick="window.location.href='list.php'"

6.用js实现页面自动返回到上一页

几秒钟后自动返回上一页代码:（加入两个head间，3000表示3秒）

script type="text/javascript"setTimeout("history.go(-1)", 3000); /script

SCRIPT language=javascript

function go()

{ window.history.go(-1);}

setTimeout("go()",3000);

/SCRIPT

Javascript 返回上一页

1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);

2. history.back().

3. window.history.forward()返回下一页

4. window.history.go(返回第几页,也可以使用访问过的URL)

JavaScript:history.go() 的妙用

在Web开发中，会遇到从一页（父页）导向另一页（子页），并且要求“返回”父页的情况，在这里如果用ASP.NET提供的Response.Redirect()方法，往往不会达到理想的效果，例如：返回后，重新加载了页面，无法保存导向子页前的状态，等等，在这里我就介绍一下如何使用JavaScript中history.go()函数来实现返回功能并且保存住状态的方法。

这个函数用起来很简单，只要在页面上加一个html的input元素，例如：

input type="button" value="返回"

然后再为这个元素添加onclick属性，如：

input type="button" value="返回" onclick="history.go(-1);"

这样就能达到返回上一页的效果。但是，往往在实践中，并没有这么简单，当你在向服务器提交请求的时候，引起页面回发，你再用history.go(-1)这招就不灵啦，它在这里是返回你回发前的状态，go后面的参数，实际上就是标识你要返回你回发第前n次的状态，所以只要能记住回发了几次，就能用history.go(-n)准确地返回到父页了。

在Web开发中，全局变量也是存不住的，当页面回发后，全局变量的值就会丢失，取而代之的是视图状态，所以我们就只能用视图状态来记录回发的次数了。那么就封装一个视图状态属性把。

public int returnCount

{ get{ if(ViewState["returnCount"] == null)

ViewState["returnCount"] = 0;

return (int)ViewState["returnCount"]; }

set { ViewState["returnCount"] = value ;} }

定义好这个后，把他放到Page_Load里面，让他每次在页面回发时减1，这样就能准确的记住回发了几次。

protected void Page_Load(object sender, EventArgs e)

{ returnCount--; //要放在!iIsPostBack之外，要不然就仅仅在页面第一次加载时执行一次，回发时就不执行了。

if(!IsPostBack)

{ } }

吼吼，到这一步还没完呢，要把我们封装的属性加到Js里面。如下：

input type="button" value="返回" onclick="history.go(' % =returnCount % ');"

这下就完美了，管你在页面上怎么回发，只要一点这个按钮，肯定会返回到父业的。

注意：

1、如果在本页面上有Response.Redirect()到本页或者类似的情况，那么就要将returnCount作为查询字符串传递一下了，因为这东西在页面失效时就over了。

2、本文仅对非Ajax的Web系统有作用，Ajax的还没仔细研究过

javascript:history.go(-1)返回上一页时,网页已过期

通常出现网页过期提示都是因为之前发生表单post，对于这种请求方式，浏览器会认为返回的显示内容与提交的数据有关，除非你再次提交数据，否则无法显示。而如果改用get方式提交数据，在IE中，会默认对同一url的get操作，返回的内容相同。

出现这种情况我想是因为你的a.jsp是通过之前的post操作显示出来的吧，尝试改成get。如果在详单页面中存在对于数据的更改，在返回时最好不要使用history导航的方式，浏览器是不会去服务器端拿数据的，最好是将url带过来吧，用根据url控制浏览器跳转，get方式在最后记得加上随机时间戳，不然有可能出现数据不更新的情况。

解决办法：首先试试back()或go(-2)，若依然不行，则取消禁用页面缓存的限制

session_cache_limiter('private,must-revalidate');

作用:当session_cache_limiter('private')时，用处是让表单history.go(-1)的时候，填写内容不丢失。

go(-2)后再forward(1).

为什么我在点击浏览器的后退按钮后，所有字段的信息都被清空了

答：这是由于你在你的表单提交页面中使用了 session_start 函数。

因为我们后退浏览的是缓存页,而该函数会强制当前页面不被缓存。所以出现了’警告: 网页已经过期!’.

这些信息,而我们不得不刷新下才能正确显示,对于一个程序人员来说有可能无所谓,但是对于一个internet网上的一个顾客来说,看到该页面,他有可能关闭该页面,而不会去查看这些信息!

还有一个原因就是当一个网站流量比较大的时候,缓存是我们程序人员最好的工具,如果失去了这把工具,那么你所在的虚拟服务器必将受到考验!

解决办法为，

1、不使用session_start()函数。

2、在你的 Session_start 函数后加入 header("Cache-control: private"); 注意在本行之前你的PHP程序不能有任何输出。

还有基于session的解决方法，在session_start前加上

session_cache_limiter('nocache');// 清空表单

session_cache_limiter('private'); //不清空表单，只在session生效期间

session_cache_limiter('public'); //不清空表单，如同没使用session一般

在开发过程中，往往因为表单出错而返回页面的时候填写的信息都不见了，为了支持页面回跳，可以通过两种方法实现。

第一，使用Header方法设置消息头Cache-control

引用:

header(’Cache-control: private, must-revalidate’); //支持页面回跳

第二，使用session_cache_limiter方法

session_cache_limiter('private, must-revalidate'); //注意要写在session_start方法之前

meta http-equiv="Cache-Control" CONTENT="private,must-revalidate"

window.history

window.history属性指向 history 对象，它表示当前窗口的浏览历史。

由于安全原因，浏览器不允许脚本读取这些地址，但是允许在地址之间导航。

浏览器工具栏的“前进”和“后退”按钮，其实就是对 history 对象进行操作

history 对象主要有两个属性。

history.back()

history.forward()

history.go()

注意，移动到以前访问过的页面时，页面通常是从浏览器缓存之中加载，而不是重新要求服务器发送新的网页。

其实还有很多内容，只不过不常见。写了也没什么用。暂时只写到这里。

w3c

菜鸟教程

javascript:window.history.go(-1)什么意思啊？

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

这个方法的参数是一个数字，它指定要定位的url相对当前页面url位置的下标。当前的url下标为0，所以window.history.go(-1)就是要定位到相对当前页面下标为-1的页面，也就是之前刚刚访问的页面。

再举个例子：

你在地址栏访问百度页面（），这时history里就把这个地址加到了它的集合里，并且将下标定为0.

通过搜索，你访问了新浪的页面（），浏览器又将这个网址放在了history里，并将这个网址的下标定为0，而之前访问的百度页面的下标相对于这次访问的新浪页面就变成了-1.

如果接下来你又通过新闻链接打开了网易页面（），浏览器就会如上一样又把这个网易放到history里，下标为0，而网易之前一个访问的页面新浪，在history里的下标就变成了-1，同理百度的下标就变成了-2.

这时，你通过window.history.go(-1)语句，能使页面定位到当前页面的前一个页面，也就是新浪网，如果你使用的是window.history.go(-2)，就能直接到达百度页面。

总得来说，这句代码的功能就跟你点了浏览器上的返回按钮一样。

window history api

DOM  window  对象通过  history  对象提供了对浏览器的会话历史的访问,从HTML5开始——提供了对history栈中内容的操作

在history中跳转：

window.history.back();  === window.history.go(-1); 向后跳转

window.history.forward(); === window.history.go(1); 向前跳转

可以通过查看长度属性的值来确定的历史堆栈中页面的数量: window.history.length;

操作history条目：

 history.pushState()：

history.replaceState()：同pushState（修改了当前的历史记录项而不是新建一个）

  监听历史记录点：window.onpopstate

监听URL的变化，但会忽略URL的hash部分，监听URL的hash部分，HTML5有新的API为onhashchange，

History对象

History 对象包含用户（在浏览器窗口中）访问过的 URL。

History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

定义和用法

length 属性声明了浏览器历史列表中的元素数量。

♥ 注意：Internet Explorer和Opera从0开始，而Firefox、Chrome和Safari从1开始。

back() 方法可加载历史列表中的前一个 URL（如果存在）。

调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。

forward() 方法可加载历史列表中的下一个 URL。

调用该方法的效果等价于点击前进按钮或调用 history.go(1)。

go() 方法可加载历史列表中的某个具体的页面。

该参数可以是数字，使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。（-1上一个页面，1前进一个页面)。或一个字符串，字符串必须是局部或完整的URL，该函数会去匹配字符串的第一个URL。

语法

history.length

history.back()

history.forward()

history.go(number|URL)

window.history.go的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于windowhistorygo1例子、window.history.go的信息别忘了在本站进行查找喔。