BOM---History对象

History对象

history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器 前进与后退相似导航的功能。

注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签 页乃至每个框架,都有自己的history对象与特定的window对象关联。

语法:
window.history.[属性|方法]
注意:window可以省略。

history对象属性
属性描述
length返回浏览器历史列表中的URL数量
history对象方法
方法描述
back()加载history列表中的前一个URL
forward()加载history列表中的后一个URL
go()加载history列表中的某一个具体页面
  1. 使用length属性,当前窗口的浏览历史总长度,代码如下:

    var HL = window.history.length;
    document.write(HL);
    
  2. back()方法,加载 history 列表中的前一个 URL。
    比如,返回前一个浏览的页面,代码如下:

    window.history.back()
    注意:等同于点击浏览器的倒退按钮。
    
  3. back()相当于go(-1),代码如下:

    window.history.go(-1);
    
  4. forward()方法,加载 history 列表中的下一个 URL。
    如果倒退之后,再想回到倒退之前浏览的页面,则可以使用 forward()方法,代码如下:

    window.history.forward();
    注意:等价点击前进按钮。
    
  5. forward()相当于go(1),代码如下:

    window.history.go(1);
    
  6. go()方法,根据当前所处的页面,加载 history 列表中的某个具体的 页面。
    语法:window.history.go(number);

参数

number参数说明
1向前一个,go(1) == forward()
0当前页面
-1后退一个,go(-1) == back()
其他数值要访问的URL在History列表中的相对位置

浏览器中,返回当前页面之前浏览过的第二个历史页面,代码如
下:

window.history.go(-2);
 注意:和在浏览器中单击两次后退按钮操作一样。

同理,返回当前页面之后浏览过的第三个历史页面,代码如下:

window.history.go(3);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值