window.history

2018-08-31  本文已影响0人  江湖相望知冷暖

概述

window.history属性指向 history 对象,它表示当前窗口的浏览历史。
由于安全原因,浏览器不允许脚本读取这些地址,但是允许在地址之间导航。
浏览器工具栏的“前进”和“后退”按钮,其实就是对 history 对象进行操作

属性

history 对象主要有两个属性。

history.length:当前窗口访问过的网址数量(包括当前网页)
history.state:history 堆栈最上层的状态值(详见下文)

history.length // 3  表示当前窗口一共访问过3个网址。

方法

history.back()

history.back():移动到上一个网址,等同于点击浏览器的后退键。对于第一个访问的网址,该方法无效果。
//等同于
history.go(-1)

history.forward()

history.forward():移动到下一个网址,等同于点击浏览器的前进键。对于最后一个访问的网址,该方法无效果。
//等同于
history.go(1)

history.go()

history.go():接受一个整数作为参数,以当前网址为基准,移动到参数指定的网址。
如果参数超过实际存在的网址范围,该方法无效果;如果不指定参数,默认参数为0,相当于刷新当前页面。
history.go(0)相当于刷新当前页面。
history.go(1)相当于history.forward(),返回下一页
history.go(-1)相当于history.back(),返回上一页

注意,移动到以前访问过的页面时,页面通常是从浏览器缓存之中加载,而不是重新要求服务器发送新的网页。

总结

其实还有很多内容,只不过不常见。写了也没什么用。暂时只写到这里。

参考内容:

w3c
菜鸟教程
http://javascript.ruanyifeng.com/bom/history.html#toc3

上一篇下一篇

猜你喜欢

热点阅读