lovecoding
/
class


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>一级页面</h1>
    <a href="./5.1_history.html">附页</a>
    <button id="btn1">下二页</button>
    <button id="btn2">下一页</button>
    <!-- 
        history
        可以进行页面跳转
        history.go() 跳转到指定层级页面 上一页：-1 -2 -3；下一页 1,2,3
        history.forward() 跳转到下一个url
        history.back() 跳转到上一个url

     -->
    <script>
        var btn1 = document.getElementById('btn1');
        var btn2 = document.getElementById('btn2');
        btn1.onclick = function() {
            history.go(2);
        }
        btn2.onclick = function() {
            history.forward()
        }
    </script>
</body>
</html>