JavaScript如何獲取用戶所在城市及地理位置

發(fā)布時(shí)間：2021-05-22 13:45:41 來(lái)源：億速云閱讀：1088 作者：小新欄目：web開發(fā)

這篇文章將為大家詳細(xì)講解有關(guān)JavaScript如何獲取用戶所在城市及地理位置，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

具體代碼如下所述：

<!doctype html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <title>獲取用戶地理位置</title> 
 <script type="text/javascript" src="./jquery-3.3.1.js"></script> 
 </head> 
 <body> 
 </body> 
</html> 
<script> 
$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js',function(){  
 alert(remote_ip_info.country);//國(guó)家  
 alert(remote_ip_info.province);//省份  
 alert(remote_ip_info.city);//城市  
});  
</script>

JS獲取用戶地理位置

<script type="text/javascript">
  var x = document.getElementById("x");
  function getLocation() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else {
      x.innerHTML = "該瀏覽器不支持定位功能！";
    }
  }
  function showPosition(position) {
    x.innerHTML = "緯度：" + position.coords.latitude + "\n經(jīng)度："
        + position.coords.longitude;
  }
  function showError(error) {
    switch (error.code) {
    case error.PERMISSION_DENIED:
      x.innerHTML = "用戶拒絕對(duì)獲取地理位置的請(qǐng)求。";
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML = "位置信息是不可用的。";
      break;
    case error.TIMEOUT:
      x.innerHTML = "請(qǐng)求用戶地理位置超時(shí)。";
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML = "未知錯(cuò)誤。";
      break;
    }
  }
  getLocation();
</script>

JavaScript的特點(diǎn)

1.JavaScript主要用來(lái)向HTML頁(yè)面添加交互行為。 2.JavaScript可以直接嵌入到HTML頁(yè)面，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。 3.JavaScript具有跨平臺(tái)特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺(tái)下運(yùn)行。

關(guān)于“JavaScript如何獲取用戶所在城市及地理位置”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

向AI問一下細(xì)節(jié)

JavaScript如何獲取用戶所在城市及地理位置

JavaScript的特點(diǎn)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽