1、history对象就是浏览器的历史记录,打开多个网页,在你不关闭的情况下,你打开多个网页,history都会帮你记录好
2、history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。
注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。
3、语法:window.history.[属性|方法]
注意:window可以省略。
history对象属性:length 返回浏览器历史列表中的URL数量
4、history对象方法:
方法 描述
back() 加载history列表中的前一个URL
forward() 加载history列表中的下一个URL
go() 加载history列表中的某个具体的页面
例子2:
<div class="container">
<button class="btn btn-primary" onclick="otherPage()">跳转到其他页面</button>
<button class="btn btn-primary" onclick="goForward()">回到倒退之前浏览的页面</button>
</div>
<script>
var HL = history.length;//浏览器历史列表中的URL数量
document.write(HL); (1)返回前一个浏览的页面
语法: window.history.back();
back()相当于go(-1),代码如下:
window.history.go(-1);
function goBack()
{window.history.back();
window.history.go(-1);}
function otherPage()//跳转到其他页面
{window.location = "/JS/Index";}
function otherPage()//跳转到其他页面
{ window.location = "/JS/Index";}
</script>
结果:从
跳转到
例子:1<script type="text/javascript">
document.write(window.history.length);
//返回到上一个页面
function goBack()
{window.history.back();}返回的意思
</script>
(2). 返回下一个浏览的页面
forward()方法,加载 history 列表中的下一个 URL。如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下:window.history.forward();
注意:等价点击前进按钮。
forward()相当于go(1),代码如下:
window.history.go(1);
回到倒退之前浏览的页面
function goForward() {
window.history.forward();
= window.history.go(1);
}
返回浏览历史中的其他页面
go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。
语法:window.history.go(number);
window.history.go(1);//后一个,等价于forward();
window.history.go(-1);//前一个,等价于back();
window.history.go(3);//返回当前页面之后浏览过的第三个历史页面
结果:从