javascript history对象

history对象

我们知道history对象是window对象的一部分

我们通过window.history 即可访问history对象;

history对象形象点来说就是一个 url 的仓库,如下图:


history对象包含着浏览过的 url;


history.length

我们可以通过history.length对浏览的历史进行判断,

<script>
               alert(history.length);
</script>

但是注意,不同的浏览器的length起始值是不一样的,有的从 0 开始,有的从 1 开始,请自行测试;

示例:我们写了一个网页 a.html ,浏览器打开之后, 点击链接跳转到  b.html;(chrome浏览器下测试

          这样就会有length 的值为 2(chrome的起始值为 1);

          

history对象原始的三个方法

history.back()         返回前一个网页

history.forward()    返回后一个网页

history.go()            返回到指定页面

--------------------------------------------------------------

示例: 假如我们先访问 A  , 然后访问 B , 最后访问 C ;

           (现在的位置在C

           我们可以先通过 history.back() 返回到B;

                  再通过history.forward() 返回到C;

            --------------------------------------------------------

             ( 现在的位置在C )   

             也可以通过history.go(-2) 返回到 A( 相当于back( ) 两次 );

 ---------------------------------------------------------------------


以上是原始的javascript history对象的方法,现在HTML5 中又添加了新的方法,有了更多的操作能力。。。

                   



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值