JS基本语法-JavaScript中的常用对象6-history对象，查看访问过的网址列表

liranke

已于 2022-01-20 16:35:10 修改

阅读量1.5k

点赞数 1

分类专栏： JavaScript笔记文章标签： javascript firefox history对象 tag

于 2022-01-20 16:11:17 首次发布

本文链接：https://blog.csdn.net/liranke/article/details/122603646

版权

JavaScript笔记专栏收录该内容

21 篇文章 2 订阅

订阅专栏

简介：

history 对象包含了用户（在浏览器窗口中）访问过的网址列表。通常，最常用的方法是前进和回退页面，就像浏览器中的“前进”和“后退”。history也是window的一个对象。

程序举例：

从home页面跳转到sub页面，在后退到home页面。

home.html:

<!DOCTYPE html>
<html>
<body>
	<script src="./nav.js"></script>

<h1>history对象测试：</h1>

<a href="sub.html">Next</a>

</body>
</html>

sub.html:

<!DOCTYPE html>
<html>
<body>

<h1>sub页面</h1>
<p id="sub页面"></p>
<button type="button" onclick='javascript:history.back()'>后退</button>


</body>
</html>

javascript:history.back()就表示回退。这里，省去了<script>标签。

history的属性和方法：

属性：

length 返回浏览器历史列表中的 URL 数量。

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

liranke

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【004JavaScript Window History】完全掌握浏览器历史记录的使用技巧

燃正科技

06-08

1387

本教程将详细介绍JavaScript Window History对象及其在浏览器中的应用。

js—列表的使用

weiweitb8的博客

09-14

7198

1.列表的实现 function List() { this.listSize=0; this.pos=0; this.dataStore=[]; this.clear=clear; this.find=find; this.toString=toString; this.insert=insert; this.append=ap

参与评论您还未登录，请先登录后发表或查看评论

js中history对象

最新发布

m0_61696809的博客

02-21

6483

在上面的代码中，调用pushState方法设置了一个状态对象，其中包含了一个名为page的属性，值为"index"，将URL地址改变为/index.html。随后监听了popstate事件，当调用back方法回到上一个历史记录时，popstate事件会被触发，可以在事件处理函数中获取到当前历史记录的状态对象，通过JSON.stringify方法将其序列化为字符串输出到控制台中。在上面的示例中，当用户在浏览器中点击后退按钮时，popstate事件将被触发，并且状态对象将被输出到控制台。

History、Location

jakelihua

11-30

774

History 对象是 JavaScript 对历史记录进行封装的对象。History 对象的获取使用 window.history获取，其中window. 可以省略History 对象的函数。

js history知识点

m0_64923277的博客

09-27

767

js知识点

JS中的history对象

hedafighter2011的专栏

07-02

1348

history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。语法： window.history.[属性|方法] 具体操作：代码示例： var HL = window.history.length; document.write(HL); window.history.back();//返回到上一个页面

js之History对象

web前端菜鸟工程师

09-17

3367

History 对象 history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。语法： window.history.[属性|方法] 注意：window可以省略。 History 对象属性 History

javascript -- history 对象

一个憨憨的前端之路

12-07

948

history 对象 history 对象表示当前窗口首次使用以来用户的导航历史记录。每个window都有自己的 histroy 对象，这个对象不会暴露用户访问过的 URL，但是可以在不知道其实际情况的条件下进行前进或者后退。导航 histoty.go(1) // 前进一个界面 history.go(-1) // 后退一个界面 history.go(2) // 前进两个界面 history.go(0) // 刷新 history.forward() // 前进一个界面 history.back(

JS History对象

aoteman_6的博客

09-26

1571

history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。go()方法，根据当前所处的页面，加载 history 列表中的某个具体的页面。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个。forward()方法，加载 history 列表中的下一个 URL。back()方法，加载 history 列表中的前一个 URL。，都有自己的history对象与特定的window对象关联。注意：等同于点击浏览器的倒退按钮。返回浏览历史中的其他页面。

JavaScript基础语法、dom操作树及document对象

10-25

1. **数据类型**：JavaScript中的基本数据类型包括字符串（String）、数字（Number，其中包含小数和整数）、布尔值（Boolean）、以及特殊的对象类型，比如日期（Date）。 2. **变量**：变量是存储数据的容器，...

javascript利用json操作浏览历史记录

04-02

NULL 博文链接：https://alandeng2012.iteye.com/blog/1441353

javascript history对象(历史记录)使用方法(实现浏览器前进后退)

10-26

本文主要介绍了window.history对象使用方法

JavaScript中的Window窗口对象

10-30

`Window`对象是JavaScript中最基本的对象之一，提供了对浏览器窗口的各种操作。通过掌握其属性和方法，开发者可以实现复杂的网页交互功能，如动态地打开和关闭窗口、改变窗口的状态栏信息、操作历史记录以及文档的...

planet-javascript：:school:大量有用的资源来掌握JavaScript的每个核心功能和流行框架（前端和后端）

02-03

JavaScript的执行环境分为浏览器环境和Node.js环境，两者的主要区别在于，浏览器环境中有BOM（浏览器对象模型）和DOM（文档对象模型），而Node.js环境提供了对文件系统、网络等服务器端功能的访问。在标签中提到了...

javascript常用对象梳理

06-23

### JavaScript中的Window对象详解 #### 一、概述在JavaScript编程中，`Window`对象是极为重要的基础概念之一。作为客户端JavaScript的最高层对象之一，`Window`对象几乎贯穿于所有的浏览器交互过程中。无论是...

js History对象

dengfengling999的博客

01-29

603

知识点： Length属性可以获取到当前链接的数量 Back（）方法可以用来回退到上一个页面，作用和浏览器的回退按钮一样 Forward（）方法可以跳转到下一个页面，作用和浏览器的前进按钮一样 go（）可以用来跳转到指定的页面它需要一个整数作为参数 1.代表向前跳转一个页面 2.代表向前跳转两个页面 -1表示向后跳转一个页面 -2表示向后跳转两页面 1先创建test01页面，详细代码如下： <!DOCTYPE html> <html lang="en"> &lt

JS history对象

书香水墨

04-28

1029

history对象保存着用户上网的历史记录，从窗口被打开的那一刻算起。因为history 是window对象的属性，因此每个浏览器窗口、每个标签页乃至每个框架，都有自己的history 对象与特定的window 对象关联。 //后退一页 history.go(-1); //前进一页 history.go(1); //前进两页 history.go(2); //跳转到最近的wrox.com 页面...

JavaScriptAPI编程_History对象(获取浏览历史)