按下按钮我的网页正在重新加载?我尝试过从js返回false之类的方法，但仍然没有解决方案

My web page is reloading on pressing of a button? I have tried things like returning false from the js but still no solution?

本文关键字：false 返回 js 方法 解决方案 网页 我的 按钮 新加载 加载      更新时间：2023-09-26

下面是我的html和java脚本代码，它显示谷歌地图，点击按钮即可显示地图的中心坐标。稍后我添加了"return false；"answers"e.preventDefault（）；"语句以使代码正常工作。但仍然按下按钮，页面正在重新加载。

而我只想提取地图的中心，并在同一页面上显示DB的结果，而不刷新地图。

<html>
    <head>
        <meta charset="UTF-8">
        <title>The Test</title>
            <script src="https://maps.googleapis.com/maps/api/js?v=3.key={my key}&signed_in=true"></script>
    <script type="text/javascript">
        var map 
        google.maps.event.addDomListener(window, 'load', updateMap);
        function updateMap() {
        map = new google.maps.Map(document.getElementById('map'), 
                                    {
                                        zoom: 5,
                                        center: {lat: centerLat, lng: centerLng},
                                        mapTypeId: google.maps.MapTypeId.NORMAL
                                    }
                );
        }
        var centerLat = 29; 
        var centerLng = 79;
        function getCenter(e){  
            value = map.getCenter();
            alert("get the centre");
            map.setZoom(8);
            e.preventDefault();
            return false;
    }
    </script>
    </head>
    <body>
    <form onsubmit="return false;">
        <div id="map" style="width:80%;height:400px;"></div>
        <button type="button" onClick="return getCenter()" style="width:10%">Get Center</button>
    </form>
    </body>
</html>

也许，你的意思是这样的？

<html>
    <head>
        <meta charset="UTF-8">
        <title>The Test</title>
            <script src="https://maps.googleapis.com/maps/api/js?v=3.key={my key}&signed_in=true"></script>
    <script type="text/javascript">
        var map ;
        google.maps.event.addDomListener(window, 'load', updateMap);
        function updateMap() {
        map = new google.maps.Map(document.getElementById('map'), 
                                    {
                                        zoom: 5,
                                        center: {lat: centerLat, lng: centerLng},
                                        mapTypeId: google.maps.MapTypeId.NORMAL
                                    }
                );
        }
        var centerLat = 29; 
        var centerLng = 79;
        function getCenter(e){  
            value = map.getCenter();
            alert(value);
    }
    </script>
    </head>
    <body>
        <div id="map" style="width:80%;height:400px;"></div>
        <button onClick="getCenter()" style="width:10%">Get Center</button>
    </body>
</html>
相关文章：