日期:2014-05-17 浏览次数:20727 次
<!DOCTYPE HTML> <html> <head> <title>test1.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> </head> <body> <div id="demo">点击这个按钮,获得您的坐标:</div> <button onclick="getLocation()">试一下</button> <script type="text/javascript"> var x=document.getElementById("demo"); function getLocation(){ if(navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition); }else{ x.innerHTML="浏览器不支持!!!"; } } function showPosition(position){ x.innerHTML="Latitude: "+position.coords.latitude+"<br/>Longitude: "+position.coords.longitude; } </script> </body> </html>