学习浏览器中的JavaScript-浏览历史 history

这是我参与11月更文挑战的第23天，活动详情查看：2021最后一次更文挑战

前言

前文学习了关于浏览器中的 JS 之 各种存储的概念分类以及各种方案的使用方式, 本文继续来学习浏览器中的 JavaScript -

其实好多让我们方便省心使用的库/框架底层都是JS基础的封装, 比如各种路由的封装.通过前几篇文章我们学习记录了浏览器中的 JavaScript, 更多更文-各知识点小结-list:

浏览器中的 JavaScript - 浏览历史 history

在浏览器中浏览网页是可以方便的后退前进, 这归功于Window 对象的一个属性: history, 我们在使用 Vue 的路由VueRouter时也是用到的这个基础知识.

History 对象

history 属性引用窗口的 History对象. History对象是通过将我们浏览窗口的浏览历史进行建模, 保存为文档和文档状态的列表, 在UI界面的前进后退按钮来对这个数据进行操作, 实现浏览历史的前进后退选择.

前进后退就是 History 的back()和 forward() 这两个方法:

history.back() // 浏览器中的后退
history.forward() // 浏览器中的前进

另外还可以选择, 还可以通过代码进行控制跳转到第几个(前进或后退几步(整数跳转)): 通过 方法 go(跳转的整数条数).

当为0时则相当于刷新:

history.go(-1) // 同 history.back() 方法
history.go(0) // 刷新: 重新加载当前页面的一种方式

相关更文阅读

1. JavaScript 学习理解-Number-这是一个函数

2. JS 学习理解-自动类型转换

3. JavaScript 中的中缀运算符

4. 你知道 JavaScript 的 typeof 是什么吗?

5. 学习 JavaScript 中几个代表性事件(Event)

6. 学习理解客户端 JavaScript-事件分类(一)

7. 理解浏览器中的 JavaScript-事件注册

8. 浏览器中的 JavaScript-fetch()网络请求方法

• 浏览器中的 js-通过 fetch()上传文件
• 浏览器-通过 fetch 学习指定请求方法和请求体

1. HTTP 响应代码
2. 浏览器中的 JS-WebSocket 通信(一)
3. 学习浏览器中的 JS-WebSocket 发送接收消息(二)
4. 学习浏览器中的 JS-存储的分类(一)

Calm Down & Carry On!

Buy Less by Know More!

学习, 记录, 积累 是一个漫长的痛苦过程! 也就是这个不断经历痛苦的锤炼, 让我们更加强大! 加油!

参考内容

• 浏览器中的 JavaScript | MDN