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

JavaScript का उपयोग करके URL ऑब्जेक्ट कैसे बनाएं?


JavaScript का उपयोग करके URL ऑब्जेक्ट बनाने का निम्नलिखित कोड है:

उदाहरण

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>URL Object Demo</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 18px; font-weight: 500; color: rebeccapurple; } </style> </head> <body> <h1>JavaScript में URL ऑब्जेक्ट</h1> <div class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3>URL ऑब्जेक्ट बनाने और प्रदर्शित करने के लिए ऊपर दिए गए बटन पर क्लिक करें</h3> <script> let resEle = document.querySelector(".result"); let url = new URL("https://google.com/image=23&size=440px"); document.querySelector(".Btn").addEventListener("click", () => { resEle.innerHTML += "url protocol = " + url.protocol + "<br>"; resEle.innerHTML += "url host = " + url.host + "<br>"; resEle.innerHTML += "url.pathname = " + url.pathname + "<br>"; }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्नलिखित आउटपुट देगा:

JavaScript का उपयोग करके URL ऑब्जेक्ट कैसे बनाएं?

'यहाँ क्लिक करें' बटन पर क्लिक करने पर:

JavaScript का उपयोग करके URL ऑब्जेक्ट कैसे बनाएं?


  1. जावास्क्रिप्ट में डेट ऑब्जेक्ट कैसे बनाएं? जावास्क्रिप्ट में डेट ऑब्जेक्ट कैसे बनाएं?

    परिचय जावास्क्रिप्ट Date ऑब्जेक्ट तारीख और समय के साथ काम करने के लिए उपयोग किया जाता है। इसे new Date() कंस्ट्रक्टर का उपयोग करके बनाया जा सकता है जिसमें विभिन्न पैरामीटर्स हो सकते हैं। उदाहरण निम्न कोड जावास्क्रिप्ट में डेट ऑब्जेक्ट बनाने के लिए है: <!DOCTYPE html> <html lang="hi&

  1. जावास्क्रिप्ट में मल्टीडाइमेंशनल ऑब्जेक्ट कैसे बनाएं? जावास्क्रिप्ट में मल्टीडाइमेंशनल ऑब्जेक्ट कैसे बनाएं?

    जावास्क्रिप्ट में मल्टीडाइमेंशनल ऑब्जेक्ट बनाने के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&

  1. जावास्क्रिप्ट में प्रत्येक ऑब्जेक्ट के लिए यूनिक ID कैसे बनाएं? जावास्क्रिप्ट में प्रत्येक ऑब्जेक्ट के लिए यूनिक ID कैसे बनाएं?

    प्रत्येक ऑब्जेक्ट के लिए यूनिक ID बनाने के लिए निम्नलिखित कोड है: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum