window.history.go(-1)返回且刷新页面 点击返回上一层

本文详细介绍了JavaScript中History对象的使用方法,包括go、back、forward等方法的参数含义及实际应用,同时对比了go与back方法在页面刷新上的区别。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

windows窗口对象(历史)history.go(),history.back(),history.forward()。

   因为windows对象引用不是必须的。所以windows.history.go() == history.go()的。

 go()方法只有一个参数,可以是整数、负数。如果是正数,就前进。负数就是后退。(相当于Forward和Back的区别)

 因此,后退一页,可用下面的代码:(后退多页,只需改变go的参数)

  window.history.go(-1);

要前进一页,只需要使用正数;

 history.go(1);

 另外,用back()和forward()方法可以实现同样的操作:

   history.back();   后退

  history.forward(); 前进

还可以用length属性查看历史中的页面数:

 history.length;

2.history.go(-1)和history.back()的区别

 history.go(-1)表示后退与刷新。如数据有改变也随之改变

 history.back()只是单纯的返回到上一页。

 

例:

Html代码

<div class="oper_context_view">  
          <a id="btn_exit" class="btn" href="javascript:void(0);">返回</a>  
 </div>  

Js代码

 

$("#btn_exit").bind("click",function(){  
              window.location.reload();    //刷新  
              window.history.go(1);         //前进  
              window.history.go(-1);        //返回+刷新  
              window.history.forward();  //前进  
              window.history.back();       //返回  
  });  

 

 

上面的例子也可以用,我是直接在这样写的:

<div class="header-l"><a class="backTo" onclick="javascript:history.go(-1)"></a></div>

我的class有一个背景图:

 

转载于:https://www.cnblogs.com/zc290987034/p/7094615.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值