`
flex_莫冲
  • 浏览: 1074930 次
  • 性别: 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()的区分_.docx

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

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

    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(返回位置)   例:  代码如下:向上一

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

    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....

    JavaScript Window History

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

    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常用对象梳理

    熟练window对象的open、close、alert、confirm、prompt、setTimeout、clearTimeout、setInterval、clearInterval、moveBy、resizeBy、scrollBy方法的使用 掌握window对象的moveTo、resizeTo、scrollTo、print方法...

    javascript函数的解释

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

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

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

    js 返回上一页和刷新 的代码

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

    【JavaScript源代码】今天分享几个少见却很有用的 JS 技巧.docx

    “返回”按钮 使用 history.back() 可以创建一个浏览器“返回”按钮。 <button onclick="history.back()"> 返回 </button> 2. 数字分隔符 为了提高数字的可读性,您可以使用下划线作为分隔符: const large...

    javascript history对象(历史记录)使用方法(实现浏览器前进后退)

    window.history对象在编写时可不使用 window 这个前缀。为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。 方法: history.back() – 加载历史列表中的前一个URL,这与在浏览器中点击前进按钮是相同的...

    73种网页常用Javascript代码

    1、后退 前进 后退" onClick="history.go(-1)"> 前进" onClick="history.go( 1 );return true;"> 2、返回 <form><input type="button" value="返回上一步" onClick="history.back(-1)"></form> 3、查看源码 查看源码...

    详解HTML5之pushstate、popstate操作history,无刷新改变当前url

    它暴露了一些非常有用的方法和属性,让你在历史记录中自由前进和后退。 1、历史记录的前进和后退 在历史记录中后退,可以这么做: window.history.back(); 这就像用户点击浏览器的后退按钮一样。 类似的,你可以前进...

    javascript学习笔记.docx

    支持三种方法back()、forword()、go()。 13) 一个窗口中的任何框架都可以使用属性frames、parent和top引用窗口中的其它框架。 14) 若框架指定了名字,引用就会被存储到它的父Window对象的一个同名新属性中。 15) ...

    JavaScript入门教程(7) History历史对象

    鉴于安全性的需要,该对象收到很多限制,现在只剩下下列属性和方法。... go() 用法:history.go(x);在历史的范围内去到指定的一个地址。如果 x < 0> 0,则前进 x 个地址,如果 x == 0,则刷新现在

    js中document.referrer实现移动端返回上一页

    返回上一页,在PC端我们可以使用:history.go(-1)或者history.back(),可以正常返回第一层。这样,我们不需要上一页的 url 具体是什么,只要使用 history 一般都没啥问题。 但是在移动端,如果想要返回上一页。比如...

    【JavaScript源代码】vue浏览器返回监听的具体步骤.docx

    vue浏览器返回监听的具体步骤 ... 需要监听浏览器的回退按钮,并阻止其默认事件。 具体步骤如下: 1、挂载完成后,判断浏览器... window.addEventListener('popstate', this.goBack, false); } }, 2、页面销毁时

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

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

Global site tag (gtag.js) - Google Analytics