Question

我正在尝试更熟悉HTML5。我是一名经验丰富的程序员，但是javascript新手。我已经为getCurrentPosition编写了一些代码（当位置修复时会导致异步回调）。这是代码（我已经测试过，并获得了积极响应，支持此平台上的地理位置）：

 function tryGeo() {
     document.write("asking for location <br>");
     try {
       navigator.geolocation.getCurrentPosition(savePos);
   } catch (e) {
     document.write("Excpn in asking for location <br>");
   }
     document.write("have asked for location <br>");
}

当该代码运行时，它会弹出权限请求窗口或对话框。我授予许可。这是在MacOS 10.6.7上的Firefox 3.6.8上。

一段时间后，会发生对savePos（）的回调（当位置已知时）：

function savePos(pos) {
   lat = pos.coords.latitude;
   lon = pos.coords.longitude;
   document.write("have got location lat " +lat+ ", lon " +lon+ " <br>");
}

我遇到的问题是document.write（）移动到新的空白页面。相反，我想在我发出getCurrentPosition（）请求时将文本添加到我正在呈现的页面中。我该怎么办？

我可能会犯一些琐碎的初学者错误 - 请让我知道。

此外，我们将非常感谢“学习有经验的编码器的javascript”资源的链接。 Thaks，

彼得

Answer 1

这就是document.write的工作原理：

写入已加载但未调用document.open()的文档会自动执行document.open来电。

document.open：

如果目标中存在文档，则此方法会清除它。

他们的例子正好在那张纸条上面：

// In this example, the document contents are 
// overwritten as the document 
// is reinitialized on open(). 
document.write("<html><p>remove me</p></html>"); 
document.open(); 
// document is empty.

最简单的方法是在页面上已经有一个元素，然后更新该元素的内容。所以，你有一些HTML：

<p id="you-are-here"></p>

然后在回调中：

document.getElementById('you-are-here').innerHTML = "have got location lat " + lat + ", lon " + lon;

所以，是的，你的琐碎的初学者错误是在已经加载的文档上使用document.write。

HTML5地理位置结果从我的网页上移开 - 如何阻止它？

1 个答案: