History对象
history实际上是javascript的对象,不是HTML DOM对象
我们主要讲解它的一个属性
length---返回浏览器历史列表中的 URL 数量
三个方法
back()----加载history列表中上一个页面
forward()----加载history列表中下一个页面
go()----加载history列表中一个具体的页面
例子:
<body>
<a href="historyObject.html">前进到history对象页面</a>
<button onclick="goForward()">前进</button>
<button onclick="listHistory()">浏览历史</button>
<p id="pid" style="display: inline;"></p>
<script>
function goForward(){
history.forward();
}
function listHistory(){
var p=document.getElementById("pid");
p.innerHTML="浏览历史为:"+history.length;
}
</script>
</body>
historyObject.html页面:
<body>
<button onclick="goBack()">返回</button>
<script>
function goBack(){
history.back();
}
</script>
</body>