JavaScrip--history对象

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>

posted @ 2015-10-10 09:25  杨MT  阅读(195)  评论(0编辑  收藏  举报