美文网首页
window.history

window.history

作者: 江湖相望知冷暖 | 来源:发表于2018-08-31 19:43 被阅读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

    相关文章

      网友评论

          本文标题:window.history

          本文链接:https://www.haomeiwen.com/subject/iwyewftx.html