Javascript 按下按钮后，我的网页正在重新加载？我尝试过从js返回false，但仍然没有解决方案？_Javascript_Html_Google Maps

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

javascript html google-maps

Javascript 按下按钮后，我的网页正在重新加载？我尝试过从js返回false，但仍然没有解决方案？,javascript,html,google-maps,Javascript,Html,Google Maps,下面是我的html和java脚本代码，它显示谷歌地图，点击按钮显示地图的中心坐标。稍后，我添加了“return false；”和“e.preventDefault（）；”语句以使代码正常工作。但仍然按下按钮，页面会自动重新加载而我只想提取地图的中心，并在同一页上显示来自DB的结果，而不刷新地图 <html> <head> <meta charset="UTF-8"> <title>The Test</

下面是我的html和java脚本代码，它显示谷歌地图，点击按钮显示地图的中心坐标。稍后，我添加了“return false；”和“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>


测试
变量映射
google.maps.event.addDomListener（窗口'load'，updateMap）；
函数updateMap（）{
map=new google.maps.map（document.getElementById（'map'），
{
缩放：5，
中心：{lat:centerLat，lng:centerLng}，
mapTypeId:google.maps.mapTypeId.NORMAL
}
);
}
var centerat=29；
var=79；
函数getCenter（e）{
value=map.getCenter（）；
警惕（“进入中心”）；
map.setZoom（8）；
e、 预防默认值（）；
返回false；
}
居中

也许，你的意思是这样的

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


测试
var映射；
google.maps.event.addDomListener（窗口'load'，updateMap）；
函数updateMap（）{
map=new google.maps.map（document.getElementById（'map'），
{
缩放：5，
中心：{lat:centerLat，lng:centerLng}，
mapTypeId:google.maps.mapTypeId.NORMAL
}
);
}
var centerat=29；
var=79；
函数getCenter（e）{
value=map.getCenter（）；
警报（值）；
}
居中

将

按钮

放在

表单

标签外？为什么按钮在表单内？似乎您没有发布任何内容…onsubmit和type=按钮应该停止任何提交，除非出现错误。请稍后查看控制台I have write form标签以尝试解决方案。即使在其他地方放置按钮或移除表单标签也不能解决问题。我无法重现错误，它只会正常工作，而无需重新加载。请给我们一个无法工作的提琴。另外还有var映射。增加一个；在这里