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

HTML DOM जिओलोकेशन पोजीशन प्रॉपर्टी

<घंटा/>

HTML DOM जियोलोकेशन कोऑर्डिनेट प्रॉपर्टी का उपयोग उपयोगकर्ता की डिवाइस की स्थिति और पृथ्वी पर ऊंचाई प्राप्त करने के लिए किया जाता है। उपयोगकर्ता को यह स्वीकार करना होगा कि वह इस संपत्ति के काम करने से पहले निर्देशांक देना चाहता है। ऐसा इसलिए किया जाता है ताकि यूजर्स की प्राइवेसी से समझौता न हो। इसका उपयोग विभिन्न उपकरणों के स्थान को ट्रैक करने के लिए किया जा सकता है।

गुण

निम्नलिखित स्थिति संपत्ति है -

नोट − नीचे दी गई संपत्तियां केवल पढ़ने के लिए हैं -

संपत्ति विवरण
position.coords पृथ्वी पर डिवाइस के अक्षांश, देशांतर, ऊंचाई और गति जैसी जानकारी रखने वाली एक निर्देशांक वस्तु को वापस करने के लिए। मीटर में माप कितने सटीक हैं, इसका वर्णन करने के लिए इसका सटीकता मान भी है।
position.timestamp उस समय और तारीख का प्रतिनिधित्व करने के लिए जिस पर स्थिति वस्तु बनाई गई थी। यह उस समय का प्रतिनिधित्व करने वाला एक DOMTimeStamp देता है।

सिंटैक्स

जिओलोकेशन पोजीशन प्रॉपर्टी के लिए सिंटैक्स निम्नलिखित है -

position.property

यहां, संपत्ति उपरोक्त तालिका में दो गुणों में से एक हो सकती है।

उदाहरण

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

जियोलोकेशन प्रॉपर्टी का समन्वय करता है

नीचे दिए गए बटन पर क्लिक करके निर्देशांक प्राप्त करें

आपके निर्देशांक हैं:

आउटपुट

यह निम्नलिखित आउटपुट देगा -

HTML DOM जिओलोकेशन पोजीशन प्रॉपर्टी

निर्देशांक बटन क्लिक करने पर -

HTML DOM जिओलोकेशन पोजीशन प्रॉपर्टी

उपरोक्त उदाहरण में -

हमने पहले एक बटन बनाया है COORDINATES जो उपयोगकर्ता द्वारा क्लिक किए जाने पर getCoords() विधि को निष्पादित करेगा -

ब्राउज़र जियोलोकेशन का समर्थन करता है या नहीं, यह जांचने के लिए getCoords () फ़ंक्शन नेविगेटर ऑब्जेक्ट जियोलोकेशन प्रॉपर्टी प्राप्त करता है। यदि ब्राउज़र जियोलोकेशन का समर्थन करता है, तो यह एक जियोलोकेशन ऑब्जेक्ट लौटाएगा। नेविगेटर जियोलोकेशन प्रॉपर्टी की getCurrentPosition () विधि का उपयोग करके हमें डिवाइस की वर्तमान स्थिति मिलती है। getCurrentPosition() विधि एक कॉलबैक फ़ंक्शन है और यह अपने पैरामीटर के लिए एक ऑब्जेक्ट के रूप में एक फ़ंक्शन लेता है क्योंकि प्रत्येक फ़ंक्शन जावास्क्रिप्ट में एक ऑब्जेक्ट है।

यहाँ, हमने इसे showCoords() मेथड पास किया है। शोकोर्ड्स () विधि पैरामीटर के रूप में एक स्थिति इंटरफ़ेस लेती है और इसका उपयोग आईडी "नमूना" के साथ एक पैराग्राफ के अंदर देशांतर, अक्षांश और सटीकता प्रदर्शित करने के लिए करती है। इसमें टेक्स्ट जोड़ने के लिए यह पैराग्राफ इनर HTML प्रॉपर्टी का उपयोग करता है -

फ़ंक्शन getCoords() { अगर (नेविगेटर.जियोलोकेशन) {navigator.geolocation.getCurrentPosition(showCoords); } और { p.innerHTML ="यह ब्राउज़र जियोलोकेशन का समर्थन नहीं करता है।"; }}फ़ंक्शन शोकोर्ड्स(स्थिति) { p.innerHTML ="देशांतर:" + position.coords.longitude + "
अक्षांश:" + position.coords.latitude+"
सटीकता:"+ position.coords.accuracy; }
  1. एचटीएमएल डोम नाम संपत्ति

    HTML DOM नाम गुण किसी तत्व की विशेषता के नाम से संबंधित स्ट्रिंग देता है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान elementAttribute.name आइए एक उदाहरण देखें HTML DOM नाम संपत्ति - <!DOCTYPE html> <html> <head> <title>HTML DOM name</title> <style> &nb

  1. एचटीएमएल डोम टेक्स्ट सामग्री संपत्ति

    HTML DOM textContent प्रॉपर्टी नोड और उसके सभी चाइल्ड नोड्स के टेक्स्ट (व्हाट्सएप सहित) के अनुरूप स्ट्रिंग लौटाती/सेट करती है। निम्नलिखित वाक्य रचना है - रिटर्निंग स्ट्रिंग मान Node.textContent यहां, वापसी मूल्य निम्नलिखित हो सकता है - दस्तावेज़ नोड्स के लिए शून्य निर्दिष्ट नोड और उसके सभी चाइल्

  1. एचटीएमएल डोम ओएल टाइप प्रॉपर्टी

    एचटीएमएल डोम ओएल टाइप प्रॉपर्टी टाइप एट्रिब्यूट का मान सेट/रिटर्न करती है जो ऑर्डर की गई सूची में इस्तेमाल किए गए मार्कर के प्रकार से मेल खाती है। निम्नलिखित वाक्य रचना है - रिटर्निंग टाइप प्रॉपर्टी olObject.type सेटिंग प्रकार एक चरित्र के लिए olObject.type = ‘1|a|A|i|I’ आइए एक उदाहर