<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ height: 2000px; background: pink; } #div2{ height: 500px; background: skyblue; } </style> </head> <body> <!--<a href="#div2"></a>--> <button>百度</button> <button class="btn2">跳转到div2</button> <button class="back">back</button> <button class="qianjin">前进</button> <div id="div1"> </div> <div id="div2"> </div> <script type="text/javascript"> // navigator.geolocation.getCurrentPosition(function(e){ // console.log(e) // },function(err){ // console.log(err) // }) document.querySelector('button').onclick = function(){ location.href = 'http://www.baidu.com' } document.querySelector('.btn2').onclick = function(){ location.hash = '#div2' } document.querySelector('.back').onclick = function(){ //history.go可以前进和后退。并且可以前进或者是后退几步,前进是正值，后退是负值 // history.go(-1) history.back() } document.querySelector('.qianjin').onclick = function(){ history.forward() } </script> </body> </html>