标签:dcl cat append document java inner post add 图片
近期一段时间開始学一下html5,发现里面有好多的知识还是蛮新颖的。所以整理了一下自己练习过的demo给大家分享下,以下的代码是通过js接口获取当前的地理坐标。
<!doctype html>//1 这里时与原来html文件的差别
<html>
<head>
<meta charset="utf-8">//2 这里时与原来html文件的差别
<title>html5 demo </title>
</head>
<body>
<div id="demo">You location will be here!</div>
<script>
var x=document.getElementById("demo");
window.onload =getLocation;
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML="该浏览器不支持获取地理位置。";}
}
function showPosition(position)
{
x.innerHTML="纬度: " + position.coords.latitude +
"<br>经度: " + position.coords.longitude;
}
</script>
</body>
</html>
执行结果例如以下:
标签:dcl cat append document java inner post add 图片
原文地址:http://www.cnblogs.com/brucemengbm/p/7364879.html