未命名 - 前端笔记 JSRUN

<!DOCTYPE html>
注意事项：
1.功能性的script（js代码）最好写到控件的最后面，避免js中调用的控件不存在而导致的崩溃
2. 可以理解为html是从上到下加载的，上面的先加载，



<p id="demo">获取用户位置</p>
<button  onclick="getLocation()">点我</button>
    <button onclick="getLocation()">点我</button>

    var x = document.getElementById("demo");

function getLocation()
{
 if (navigator.geolocation)
 {
     navigator.geolocation.getCurrentPosition(showPosition);
 }
    else {
        x.innerHTML="该浏览器不支持获取地理位置。";
    }
}
function showPosition(position)
{
    x.innerHTML = "维度" + position.coords.latitude + "<br> 经度" + position.coords.longitude;
}


</body>