जावास्क्रिप्ट में URL के साथ कार्य

जावास्क्रिप्ट में कभी-कभी लिंक के पतों के साथ कार्य करना पड़ता है। इसके लिए URL वर्ग बनाया गया है, जो पते के भागों को प्राप्त करने और बदलने की अनुमति देता है।

आइए निम्नलिखित पते के उदाहरण पर इसके साथ कार्य देखें:

javascriptlet path = 'http://site.ru:3000/dir/eee/page.html#show?a=1&b=2&c=3';

URL वर्ग की एक वस्तु बनाएं, इसे हमारा पता पैरामीटर के रूप में देकर:

javascriptlet url = new URL(path);

आइए देखें कि बनी वस्तु में कौन से गुण हैं।

प्रोटोकॉल

protocol गुण का उपयोग करके प्रोटोकॉल प्राप्त किया जा सकता है:

javascriptlet res = url.protocol;
console.log(res); // 'http://' आउटपुट करेगा

होस्ट

host गुण का उपयोग करके पोर्ट के साथ डोमेन नाम प्राप्त किया जा सकता है:

javascriptlet res = url.host;
console.log(res); // 'site.ru:3000' आउटपुट करेगा

होस्टनाम

hostname गुण का उपयोग करके डोमेन नाम प्राप्त किया जा सकता है:

javascriptlet res = url.hostname;
console.log(res); // 'site.ru' आउटपुट करेगा

पोर्ट

port गुण का उपयोग करके पोर्ट प्राप्त किया जा सकता है:

javascriptlet res = url.port;
console.log(res); // '3000' आउटपुट करेगा

पथ

pathname गुण का उपयोग करके डोमेन नाम को हटाकर, पथ प्राप्त किया जा सकता है:

javascriptlet res = url.pathname;
console.log(res); // '/dir/eee/page.html#show?a=1&b=2&c=3' आउटपुट करेगा

हैश

hash गुण का उपयोग करके हैश मान प्राप्त किया जा सकता है:

javascriptlet res = url.hash;
console.log(res); // 'show' आउटपुट करेगा

GET पैरामीटर

search गुण का उपयोग करके GET पैरामीटर की स्ट्रिंग प्राप्त की जा सकती है:

javascriptlet res = url.search;
console.log(res); // 'a=1&b=2&c=3' आउटपुट करेगा

searchParams गुण का उपयोग करके GET पैरामीटर को URLSearchParams वर्ग की वस्तु के रूप में प्राप्त किया जा सकता है:

javascriptlet res = url.searchParams;
console.log(res); // URLSearchParams वर्ग की वस्तु आउटपुट करेगा