添加回调函数后，JavaScript停止工作

Question

我的网页出现奇怪的问题。 附加到href的JavaScript可以正常调用，并且如果被调用的javascript函数在其中添加了带有回调函数的语句，则该JavaScript可以停止工作。 在这种情况下，甚至不会将警报作为从href调用的JS函数中的第一条语句触发。

这是一个示例：跟踪效果很好。

当点击此链接时

<a href = "#" onclick="getMyPosition(); return false;">refresh</a>,

以下js func被调用就好了，我看到两条警报消息都表明已执行getMyPosition（）。 注：在这个时候（即当JS貌似是工作）的回调函数（“handleposition”） 没有定义，但它不会引发任何错误！ 怪异的:)

function getMyPosition() { 
  alert("it worked 1.");
  if ( navigator.geolocation )
  {
    alert("it worked 2.");
    navigator.geolocation.getCurrentPosition(handlePosition, handleError, {
    enabledHighAccuracy: true,
    maximumAge: 60000,
    timeout:    30000
    });
  }
}

现在，如果我在脚本块中添加以下功能，所有功能将停止工作，并且似乎甚至单击了刷新链接。 由于网页上的所有其他内容（包含附加到其他项目的JavaScript事件等）均正常运行，因此我认为页面上的JavaSctipt正常运行。 只是此链接停止调用onClick事件上定义的func。

添加以下回调函数会导致该行为，就好像没有单击“刷新”链接一样：

function handlePosition(pos)
{
  alert(pos.coords.latitude);
  alert(pos.coords.longitude);
  window.location.href = "/map?js=y&lat=pos.coords.latitude&lon=pos.coords.longitude";
}

现在，如果删除此功能，上面显示的href链接将再次开始工作，并且将调用getMyPosition，并且我会再次看到警报消息！ 我在IE 11和Chrome页面上都没有看到任何脚本错误，都表现出这种现象。 我在Windows 7 32位计算机上。

Answer 1

window.location.href = "/map?js=y&lat=pos.coords.latitude&lon=pos.coords.longitude";

应该可能是：

window.location.href = "/map?js=y&lat=" + pos.coords.latitude + "&lon=" + pos.coords.longitude;

Answer 2

可能最大的问题是缺少地理定位回调的错误处理程序。 通过F12调出Chrome的调试器很快发现了问题。

添加错误处理程序似乎可以解决问题，但是在此过程中，我清理了一些其他内容。 这是一个小提琴，它正在工作

这是我对链接进行编码以使其在所有浏览器中都能正常工作的方式：

<a href="#" onclick="return(getMyPosition())">refresh</a>

这是修改后的JS代码（用于句柄位置）和新的handleError例程。

注意添加到您的主要功能的“ return false”：

function getMyPosition() {
    alert("it worked 1.");
    if (navigator.geolocation) {
        alert("it worked 2.");
        navigator.geolocation.getCurrentPosition(handlePosition, handleError, {
            enabledHighAccuracy: true,
            maximumAge: 60000,
            timeout: 30000
        });
    }
    return false;
}

function handlePosition(pos) {
    alert(pos.coords.latitude);
    alert(pos.coords.longitude);
    window.location.href = "/map?js=y&lat=" + pos.coords.latitude + "&lon=" + pos.coords.longitude;
}

function handleError(error) {
    alert(error);
}

Answer 3

放置return false; 在getMyPosition函数的末尾