Categories: 前端开发

location.go(-1) 和 history.go(-1) 有什么区别

首先熟悉 location 地址信息:

href 属性:用于控制浏览器地址栏,一般用于代码中完成网页跳转或者刷新页面。

<script>
         // location对象
         // 实现页面的点击跳转,类似超链接功能,比超链接功能强大(可以在跳转页面时 编写逻辑代码实现一些功能)
         var _baidu = document.getElementById("baidu")
         _baidu.onclick = function(){
            // 跳转网页
            location.href = "http://www.baidu.com/s?wd=明日战记"
         }
          // 实现当前网页刷新
          var _refresh = document.getElementById("refresh")
          _refresh.onclick = function() {
            location.href = "#"  // 一般这里写的都是当前网页网址
          }
</script>

window.history.go(-1)和window.location.go(-1) 虽然都是回到上一页,但是:
window.history.go(-1)是返回上一页
window.location.go(-1)是刷新上一页

history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面
history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在
history.back(1) 前进
history.back(-1) 后退

window.location.reload(); //刷新
window.history.go(1); //前进
window.history.go(-1); //返回+刷新
window.history.forward(); //前进
window.history.back(); //返回

他们的区别

  • 两个函数都可以用于页面回到上一页, location.go() 需要插件支持
  • location.go(-1)回到上一页并且刷新页面
  • history.go(-1) ,回到上一页
terry

这个人很懒,什么都没有留下~

Recent Posts

在 Chrome 中删除、允许和管理 Cookie

您可以选择删除现有 Cooki…

2 天 ago

自定义指令:聊聊vue中的自定义指令应用法则

今天我们来聊聊vue中的自定义…

1 周 ago

聊聊Vue中@click.stop和@click.prevent

一起来学下聊聊Vue中@cli…

2 周 ago

Nginx 基本操作:启动、停止、重启命令。

我们来学习Nginx基础操作:…

3 周 ago

Vue3:手动清理keep-alive组件缓存的方法

Vue3中手动清理keep-a…

3 周 ago

聊聊React和Vue组件更新的实现及区别

React 和 Vue 都是当…

4 周 ago