JavaScript·history对象

最新推荐文章于 2021-04-20 18:08:45 发布

vision_seven7

最新推荐文章于 2021-04-20 18:08:45 发布

阅读量255

点赞数 1

分类专栏：前端 js

本文链接：https://blog.csdn.net/vision_seven7/article/details/105468041

版权

22 篇文章 0 订阅

订阅专栏

12 篇文章 0 订阅

订阅专栏

window.history属性指向 history 对象，它表示当前窗口的浏览历史。

history.back()、history.forward()、history.go()

使用够go()方法可以在用户的历史记录中任意跳转，可以向前也可以向后。
参数：只接受一个参数，负数表示向后跳转（类似单击浏览器的“后退”按钮），正数表示向前跳转（类似单击浏览器的“后退”按钮）如果不指定参数，默认参数为0，相当于刷新当前页面。

//后退一页  相当于history.back()
history.go(-1);

//前进一页 相当于history.forward()
history.go(1);

history.go(1); //相当于刷新页面

history.back() ：跳转到上一个网址，相当于点击浏览器的后退键。对于第一个访问的网址，该方法无效果。

//后退一页
history.back();

History.forward()：跳转到下一个网址，相当于点击浏览器的前进键。对于最后一个访问的网址，该方法无效果。

//前进一页 
history.forward();

除了上面的几个方法，history对象还有一个length属性，保存着历史记录的数量。这个数量包括所有历史记录，即所有向后和向前的记录。

if(history.lenght == 0){
	//应该是用户打开窗口后的第一个页面
}

注意：当页面的URL改变时，就会生成一条历史记录

虽然history并不常用，但是在创建自定义的“后退”和“前进”按钮，以及检测当前页面是不是用户历史记录中的第一个页面时，还是会使用它。

关注