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)
下面是运行效果:
首先是第一个页面
点击跳转到其他页面就会跳下面这个页面
然后再点击这个页面的“上一个页面”,
又跳转到这个页面,就是上一个页面,然后再点击“回到倒退之前浏览的页面”
又会跳之前浏览的页面,就是下面这个页面