將地理位置加載到輸入框中

Question

我在我的網頁上有一個獲取用戶地理位置的函數。如何在不使用OnClick函數的情況下加載頁面時自動將緯度和經度加載到輸入框中？

function showlocation() { 
    // One-shot position request. 
    navigator.geolocation.getCurrentPosition(callback); 
} 

function callback(position) { 
    document.getElementById('latitude').innerHTML = position.coords.latitude; 
    document.getElementById('longitude').innerHTML = position.coords.longitude; 
} 

Answer 1

function showlocation() { 
    navigator.geolocation.getCurrentPosition(callback); 
} 

function callback(position) { 
    document.getElementById('latitude').value = position.coords.latitude; 
    document.getElementById('longitude').value = position.coords.longitude; 
} 

window.onload = function() { 
    showlocation(); 
} 

    <input type="text" id="latitude"> 
    <input type="text" id="longitude"> 

Answer 2

這行代碼偵聽當你所有的HTML被加載並儘快來電showLocation作爲DOM準​​備好進行操作。

window.addEventListener('DOMContentLoaded', showLocation); 

您接受的答案確實有效，但DOMContentLoaded通常要快得多，這會給您一個更響應的用戶界面。

支持證明： Difference between DOMContentLoaded and Load events