`
猪小猪
  • 浏览: 8949 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

javascript:history.go()和History.back()的区别(转载)

 
阅读更多
转自:http://www.mikebai.com/Article/2009-11/757.html
<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()">在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)去指定的某页
如果是history.go(0)那就是刷新这两个属于JS代码,相当于IE的前进、后退功能。
具体的用处就要看什么时候需要这个就用上。比如用户注册时的验证是后台验证,不符合要求的时候就可以用这个,可以最大限度保证用户少重复输入数据。
例如:载入页面:
   function onLoadPage(){
     if(event.srcElement.tagName=="SPAN"){
         oFrame=top.window.middle.frames[2];
         oTxt=event.srcElement.innerText;
         switch(oTxt){
             case "前 进":
                 oFrame.history.go(1);
             case "后 退":
                 oFrame.history.back();
             case "刷 新":
                 oFrame.location.reload();
         }
     }
}

打开一个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
分享到:
评论

相关推荐

    javascript-history.go()和History.back()的区分_.docx

    JavaScript 提供了一系列与历史记录相关的API,其中最常用的就是 `history.back()` 和 `history.go()` 方法。本文将详细介绍这两个方法的区别及其应用场景。 #### 二、`history.back()` `history.back()` 方法是...

    jsp返回上一页和刷新

    2. 使用history.back()返回上一页,例如:&lt;a href="javascript:history.back();"&gt;向上一页 3. 使用window.history.forward()返回下一页,例如:&lt;a href="javascript:window.history.forward();"&gt;向下一页 4. 使用...

    js 返回上一页和刷新

    示例代码:&lt;a href="javascript:history.go(-1);"&gt;向上一页 二、刷新页面 1. 使用history对象:history.go(0)可以刷新当前页面。 2. 使用location对象:location.reload()可以刷新当前页面。 3. 使用location对象...

    js实现上一页下一页的效果【附代码】

    1. history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 复制代码 代码如下: 向上一页 ...

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

    本文将详细介绍`history.go()`和`history.back()`之间的区别,以及如何在Web应用中有效利用这些功能。 首先,我们需要了解Web浏览器历史记录的基本工作原理。用户在使用浏览器访问不同页面时,浏览器会在历史记录中...

    【温故而知新】JavaScript的BOM之Screen:Location:History对象.md

    BOM(Browser Object Model),即浏览器对象模型,是JavaScript编程语言中处理浏览器操作的重要部分。BOM允许开发者访问并控制浏览器窗口、导航历史记录以及用户屏幕信息等特性。在本文档中,我们将重点讨论`Screen`...

    JavaScript常用的返回,自动跳转,刷新,关闭语句汇总

    1. Javascript 返回上一页: 代码如下:history.go(-1)返回两个页面: 代码如下:history.go(-2)    2. 后退: 代码如下:history.back() 3. 返回下一页: 代码如下:window.history.forward() 4. 返回第几页,也可以...

    107个常用javascript语句

    90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL) 91.document.write()不换行的输出,document.writeln()换行输出 92.document.body....

    JavaScript Window History

    JavaScript Window History window.history 对象包含浏览器的历史。 Window History window.history对象在编写时可不使用 window 这个前缀。 为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。 一些...

    各种js页面跳转代码

    在本文中,我们将总结多种JavaScript页面跳转代码,包括使用window.location.href、window.history.back、window.navigate、self.location等方法。 第一种:使用window.location.href window.location.href是...

    javascript-study-notes:前端学习笔记和练习,包含JavaScript,Node.js Vue.js React等!

    重要的方法: history.go()/history.back()/history.forward() history.pushState(state, title, url); history.replaceState(state, title, url); onpopstate 会监听 go()/back()/forward()操作 [removed] = ...

    angluo-javascript-103595.pdf

    本文将详细讲述JavaScript中的History对象及其在Web开发中的应用,重点介绍如何利用History对象实现浏览器的前进和后退功能。History对象属于Web API的一部分,它允许JavaScript代码操作浏览器的历史记录,包括访问...

    JavaScript返回上一页的三种方法及区别介绍

    JavaScript返回上一页代码区别: window.history.go(-1); //返回上一页 window.history.back(); //返回上一页 //如果要强行刷新的话就是:window.history.back();location.reload(); [removed].go(-1); //刷新上一...

    页面js返回上一步上一页

    - 使用`history.go`和`history.back`时要注意浏览器兼容性问题。 - 在某些情况下,直接使用HTML链接可能更为简单明了。 - 服务器端脚本返回上一页的方法适用于需要在服务器端进行逻辑处理的情况。 - 对于单页...

    js返回所有方法

    本文详细介绍了 JavaScript 中返回历史记录的方法,包括 `history.go()`、`history.back()`、`window.history.forward()` 以及如何结合使用 `confirm()` 和 `window.location.href` 来优化用户体验。此外,还简要...

    js跳转总结

    JavaScript(简称JS)是一种轻量级的脚本语言,广泛应用于网页和网络应用开发中,包括页面交互、数据处理和用户界面控制等。在本文中,我们将深入探讨JS中的页面跳转和刷新技术。 首先,JS提供了一些方法来实现页面...

    js判断当页面无法回退时关闭网页否则就history.go(-1)

    例如,标题提到的需求是“js判断当页面无法回退时关闭网页否则就history.go(-1)”。这个功能是为了确保用户在点击返回按钮时,如果当前页面没有前驱历史记录(即用户无法通过历史记录返回到上一页),那么页面会直接...

    asp.net下利用js实现返回上一页的实现方法小集.docx

    具体做法是在页面中添加一个按钮,并设置其 `onclick` 事件触发 JavaScript 的 `window.history.go(-1)` 方法。 **示例代码:** ```html &lt;input type="button" onclick="javascript:window.history.go(-1);" value...

    asp.net返回上一页实现方法

    &lt;a href="javascript:history.back()"&gt;返回上一页 ``` 4. JavaScript/jQuery实现 如果希望在按钮点击事件或其他JavaScript事件中实现返回上一页,可以使用以下JavaScript代码: ```javascript function goBack() {...

Global site tag (gtag.js) - Google Analytics