获取用户地理位置.html

最新推荐文章于 2024-05-15 19:42:01 发布

weixin_33708432

最新推荐文章于 2024-05-15 19:42:01 发布

阅读量227

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wwthuanyu/p/10555256.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>

转载于:https://www.cnblogs.com/wwthuanyu/p/10555256.html

weixin_33708432

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
获取用户地理位置.html

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #div1{ ...
复制链接

扫一扫