History对象常用方法

文章目录

  • 一、什么是History对象
  • 二、使用History对象

一、什么是History对象

history 对象来保存浏览器历史记录信息,也就是用户访问的页面。浏览器的前进与后退功能本质上就是 history 的操作。history 对象记录了用户浏览过的页面,通过该对象提供的 API 可以实现与浏览器前进/后退类似的导航功能。

window.history 对象记录了浏览器的访问历史。为了保护用户隐私,对JavaScript访问该对象的方法做出了限制。

1、history常用的对象属性

属性 说明
history.length 返回历史列表中的网址数

2、history对象常用方法

方法 说明
back() 加载history列表中的前一个URL
forward() 加载history列表中的下一个URL
go() 加载history列表中的某个具体页面

二、使用History对象

代码演示:

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>history对象title>
        <script type="text/javascript">
            function fun1(){
                window.history.forward()
            }
            function fun2(){
                window.history.back()
            }
            function fun3(){
                window.history.go(2)
            }
        script>
    head>
    <body>
        <input type="button" value="向前" onclick="fun1()" />
        <input type="button" value="向后" onclick="fun2()" />
        <input type="button" value="go" onclick="fun3()" />
        <a href="new_file.html" target="_blank">我来了a>
    body>
html>

总结:

  • window.history 属性指向 History 对象,它表示当前窗口的浏览历史。当发生-改变时,只会改变页面的路径,不会刷新页面。
  • History 对象保存了当前窗口访问过的所有页面网址。通过 history.length 可以得出当前窗口一共访问过几个网址。
  • 由于安全原因,浏览器不允许脚本读取这些地址,但是允许在地址之间导航。
  • 浏览器工具栏的“前进”和“后退”按钮,其实就是对 History 对象进行操作。

⭐最后⭐

欢迎点赞 收藏 ⭐留言评论 私信必回哟
博主将持续更新学习记录收获,友友们有任何问题可以在评论区留言

你可能感兴趣的:(javascript,开发语言,ecmascript)