History对象

本文围绕History对象展开,介绍其可记录用户浏览页面并实现浏览器前进后退功能,每个窗口、标签页和框架都有与之关联的History对象。还给出了使用VS2015、ASP.NET MVC开发的代码示例,演示了页面跳转、前进后退等操作及运行效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

History对象
开发工具与关键技术 :VS2015、ASP.NET MVC
撰写时间:2019.6.15

什么是history对象
history对象是记录用户曾经浏览过的页面(URL),并且可以实现浏览器前进与后退,从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。
如下图所示是History对象的方法:
在这里插入图片描述
话不多说直接演示
下面是第一个页面的代码:
首先是第一个页面的简单样式,就两个按钮
在这里插入图片描述
然后是script里的代码
length 返回浏览器历史列表中的URL数量
在这里插入图片描述
然后下面是跳到其他页面,/JS/Index是其他页面的路径
在这里插入图片描述
然后这是倒退到前一个页面,就是浏览前一个页面,forward()方法,加载 history 列表中的下一个 URL,等价点击前进按钮。

在这里插入图片描述

再到另外一个页面的代码 (这里的另外的页面就是第一个页面里点击时需要跳转的页面):

在这里插入图片描述
返回前一个浏览的页面
语法: window.history.back();
back()相当于go(-1)
在这里插入图片描述
下面是运行效果:
首先是第一个页面

在这里插入图片描述
点击跳转到其他页面就会跳下面这个页面

然后再点击这个页面的“上一个页面”,
在这里插入图片描述

又跳转到这个页面,就是上一个页面,然后再点击“回到倒退之前浏览的页面”
在这里插入图片描述

又会跳之前浏览的页面,就是下面这个页面

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值