页面加载时获取位置
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了页面加载时获取位置相关的知识，希望对你有一定的参考价值。
我正在使用html，CSS和Java脚本构建一个网站。我想在页面加载时获取用户的位置。所以他们不需要按一下按钮。我希望有人可以提供帮助。
!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to get your coordinates:</p>
<button onclick="getLocation()">Try It</button>
<script>
var x=document.getElementById("demo");
function getLocation(){
if (navigator.geolocation){
navigator.geolocation.getCurrentPosition(showPosition);
}
else{
x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position){
x.innerHTML="Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
</script>
</body>
</html>
答案
只需致电getLocation()
<script>
var x=document.getElementById("demo");
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="Geolocation is not supported by this browser.";}
}
function showPosition(position)
{
x.innerHTML="Latitude: " + position.coords.latitude +
"<br>Longitude: " + position.coords.longitude;
}
getLocation()
</script>
小提琴：https://jsfiddle.net/ES4TF/
以上是关于页面加载时获取位置的主要内容，如果未能解决你的问题，请参考以下文章
如何延迟或异步此 WordPress javascript 片段以最后加载以加快页面加载时间？