`
flex_莫冲
  • 浏览: 1091952 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

Javascript:history.go()和history.back()的用法和区别

阅读更多
Javascript:history.go()和history.back()的用法和区别
简单的说就是:go(-1): 返回上一页,原页面表单中的内容会丢失;back(): 返回上一页,原页表表单中的内容会保留。

history.go(-1):后退+刷新
history.back():后退

之所以注意到这个区别,是因为不同的浏览器的后退行为也是有区别的,而区别就跟Javascript:history.go()和history.back()的区别类似。

chrome和ff浏览器后退页面,会刷新后退的页面,若有数据请求也会提交数据申请。类似于
history.go(-1)

而safari(包括桌面版和ipad版本)的后退按钮则不会刷新页面,也不会提交数据申请。类似于
Javascript:history.back()。

分享到:
评论

相关推荐

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

    ### JavaScript中的历史对象方法详解:history.go()与history.back() #### 一、引言 在Web开发中,浏览器的历史管理是非常重要的一个环节。通过浏览器的历史记录,用户可以方便地回退到之前的页面或者前进到下一个...

    jsp返回上一页和刷新

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

    js 返回上一页和刷新

    2. 使用history.back():可以返回上一页。 3. 使用window.history.forward():可以返回下一页。 示例代码:<a href="javascript:history.go(-1);">向上一页 二、刷新页面 1. 使用history对象:history.go(0)可以...

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

    Javascript 返回上一页: ...4. window.history.go(返回第几页,也可以使用访问过的URL) 例: 复制代码 代码如下: 向上一页 response.Write(“[removed]”) response.Write(“if(!confirm(‘完成任务?’)){

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

    在JavaScript中,`history.go()`和`history.back()`是两个用于管理历史记录的方法。本文将详细介绍`history.go()`和`history.back()`之间的区别,以及如何在Web应用中有效利用这些功能。 首先,我们需要了解Web...

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

    ## Francisco ### 一、概览 BOM(Browser Object Model),即浏览器对象模型,是JavaScript编程语言...理解并掌握这些对象的使用方法对于前端开发尤为重要。希望本文能够帮助大家更好地理解和应用这些重要的BOM组件。

    107个常用javascript语句

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

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

    本文实例讲述了JavaScript常用的返回,自动跳转,刷新,关闭语句。分享给大家供大家参考。...4. 返回第几页,也可以使用访问过的URL: 代码如下:window.history.go(返回位置)   例:  代码如下:向上一

    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开发者可以更好地控制用户的浏览历史,为用户提供更加流畅和便捷的浏览体验。同时,也应该注意到浏览器的安全限制,合理安排历史记录的访问策略。

    js返回所有方法

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

    JS页面跳转和js对iframe进行页面跳转、刷新

    `window.history.back()`和`window.history.forward()`可以实现页面的后退和前进操作,而`window.history.go(n)`则可以指定移动的历史记录步数。 ```javascript window.history.back(); // 后退一步 window.history....

    页面js返回上一步上一页

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

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

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

    js跳转总结

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

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

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

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

    对于现代浏览器,还可以利用History API中的history.back()方法: ```javascript <button onclick="window.history.back()">返回上一页 ``` 需要注意的是,这些方法中,Server.Transfer和Response.Redirect在...

Global site tag (gtag.js) - Google Analytics