`
zyz
  • 浏览: 25072 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

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

 
阅读更多
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实现上一页下一页的效果【附代码】

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

    js 返回上一页和刷新

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

    [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] = ...

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

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

    angluo-javascript-103595.pdf

    其中,后退按钮绑定了goBack()函数,前进按钮绑定了goForward()函数,两个函数分别调用了history.back()和history.forward()方法。这种代码的写法非常直观,开发者可以根据实际需求,在按钮的点击事件中灵活地插入...

    js返回所有方法

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

    页面js返回上一步上一页

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

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

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

    js跳转总结

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

    js 刷新页面的代码小结 推荐

    1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2); 2. history.back(). 3. window.history.forward()返回下一页 4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 向上一页&lt;/a&gt; ...

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

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

Global site tag (gtag.js) - Google Analytics