gpt4 book ai didi

javascript - 如何使用 appendTo 显示信息而不是在警告框中?

转载 作者:行者123 更新时间:2023-11-29 19:23:03 25 4
gpt4 key购买 nike

我是新手,所以在此先感谢您的帮助。我正在设置一个简单的地理位置页面。目前,当我单击一个按钮时,会弹出一个警告框来说明地理位置设置。

问题 - 我需要将地理位置信息显示在页面本身上,而不是在框中弹出结果。

我被告知我需要使用 appendTo 元素,我尝试了很多不同的方法但没有任何反应。

这是当前脚本:

    <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Geolocation</title>

<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.
js"</script>

<section>
<script>
$(document).ready(function() {
$('#startGeo').click(checkLocation);

function checkLocation() {

if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(getLocation,
locationFail);
}
else {
document.write('You do not have geolocation');
}

}

function getLocation(position) {
var latitude = position.coords.latitute;
var longitude = position.coords.longitude;
var accuracy = position.coords.accuracy;
var timestamp = position.coords.timestamp;


alert('latitude: ' + latitude + 'longitude: ' + longitude +
'accuracy: ' + accuracy + 'timestamp: ' + timestamp);

}

function locationFail() {
document.write('We did not get your location. Please check your
settings.')
}

});


</script>

</head>

<body>

<button id="startGeo">Click here to check your geolocation
abilities</button>

</body>
</html>

最佳答案

在您的 html 中创建一个容器

<div id="geoDisplay"></div>

然后创建一个包含地理位置的元素并将其 append 到新容器。

$('<div>latitude: ' + latitude + ' longitude: ' + longitude + 
' accuracy: ' + accuracy + ' timestamp: ' + timestamp + '</div>')
.appendTo($('#geoDisplay'));

现在每次单击该按钮时,它都会 append 一个包含地理位置信息的 div。

关于javascript - 如何使用 appendTo 显示信息而不是在警告框中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32214003/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com