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,如若转载,请注明出处:https://www.web176.com/news/frontend/7350.html

(1)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年11月18日 下午5:25
下一篇 2022年11月28日 上午9:58

相关推荐

发表回复

登录后才能评论