<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script type="text/javascript"> /* History -对象可以用来操作浏览器向前或向后翻页 */ // alert(history.length); window.onload=function(){ // 获取按钮对象 var btn=document.getElementById("btn"); btn.onclick=function(){ /* length、 -属性:可以获取到当成访问的链接数量 */ // alert(history.length); /* back() -可以用来回退到上一个页面,作用和浏览器的回退按钮一样 */ // history.back(); /* forward() -可以跳转下一个页面,作用和浏览器的前进按钮一样 */ // history.forward(); /* go() -可以用来跳转到指定的页面 -它需要一个整数作为参数 1:表示向前跳转一个页面 相当于forward() 2:表示向前跳转两个页面 -1:表示向后跳转一个页面 -2:表示向后跳转两个页面 */ history.go(1); }; }; </script> </head> <body> <button id="btn">点我一下</button> <h1>History</h1> <a href="01.BOM.html">去BOM</a> </body> </html>
三四个页面测试即可