获取用户地理位置.html 

<!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>

 

posted @ 2019-03-18 21:40  就这样子吧  阅读(613)  评论(0)    收藏  举报