Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल नेविगेटर भौगोलिक स्थान संपत्ति

<घंटा/>

HTML नेविगेटर जियोलोकेशन प्रॉपर्टी एक जियोलोकेशन ऑब्जेक्ट लौटाती है जिसका उपयोग उपयोगकर्ता की स्थिति का पता लगाने के लिए किया जा सकता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

navigator.geolocation

आइए हम HTML नेविगेटर जियोलोकेशन प्रॉपर्टी का एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) no-repeat;
      text-align: center;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 20px;
      width: 330px;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
   .show {
      font-size: 1.2rem;
      color: #fff;
   }
</style>
<body>
<h1>HTML navigator geolocation property Demo</h1>
<button class="btn" onclick="display()">Display your position</button>
<div class="show"></div>
<script>
   function display() {
      var userLocation = navigator.geolocation;
      userLocation.getCurrentPosition(displayPosition);
   }  
   function displayPosition(pos) {
      document.querySelector(".show").innerHTML = "<p>Your latitude coordinate is: " +          pos.coords.latitude + "</p>" + "<p>Your longitude coordinate is: " + pos.coords.longitude + "</p>"
   }
</script>
</body>
</html>

आउटपुट

एचटीएमएल नेविगेटर भौगोलिक स्थान संपत्ति

"अपनी स्थिति प्रदर्शित करें . पर क्लिक करें उपयोगकर्ता की स्थिति निर्देशांक प्रदर्शित करने के लिए बटन -

एचटीएमएल नेविगेटर भौगोलिक स्थान संपत्ति


  1. एचटीएमएल नेविगेटर मंच संपत्ति

    HTML नेविगेटर प्लेटफ़ॉर्म गुण ब्राउज़र संकलित प्लेटफ़ॉर्म लौटाता है। सिंटैक्स निम्नलिखित वाक्य रचना है - navigator.platform आइए हम HTML नेविगेटर प्लेटफ़ॉर्म प्रॉपर्टी का एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <style>    body {       color: #000;

  1. HTML नेविगेटर ऑनलाइन संपत्ति

    HTML नेविगेटर ऑनलाइन प्रॉपर्टी एक बूलियन मान लौटाती है जो परिभाषित करती है कि ब्राउज़र ऑनलाइन है या ऑफलाइन। सिंटैक्स निम्नलिखित वाक्य रचना है - navigator.onLine आइए एचटीएमएल नेविगेटर ऑनलाइन प्रॉपर्टी का एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <style>    body { &

  1. HTML DOM स्टाइल डिस्प्ले प्रॉपर्टी

    HTML DOM स्टाइल डिस्प्ले प्रॉपर्टी का उपयोग किसी तत्व के प्रदर्शन प्रकार को सेट करने या वापस करने के लिए किया जाता है। तत्व ज्यादातर ब्लॉक या इनलाइन होते हैं। आप डिस्प्ले का उपयोग करके तत्व को छिपा भी सकते हैं:कोई नहीं। − . के लिए वाक्य रचना निम्नलिखित है प्रदर्शन गुण सेट करना - object.style.displ