History对象

最新推荐文章于 2025-06-22 03:17:35 发布

原创最新推荐文章于 2025-06-22 03:17:35 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的HTML页面示例，该页面利用JavaScript中的History对象实现网页间的前进和后退功能。通过两个按钮分别调用history.forward()和history.back()方法，用户可以方便地在已浏览过的页面间进行切换。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="button" id="a" value="点击跳转上一个" onclick="forward()"/>
<input type="button" id="b" value="点击跳转下一个" onclick="back()"/>
<a href="js10.html">点击跳转10</a>
<a href="js13.html">点击跳转13</a>
<!--History对象-->
<script>
    var len=history.length;
    alert(len)
    function forward(){
        history.forward()
    }
    function back(){
        history.back()
    }

</script>
</body>
</html>