window.location ऑब्जेक्ट
Window.location रीड-ओनली प्रॉपर्टी एक Location ऑब्जेक्ट लौटाती है जिसमें डॉक्यूमेंट के वर्तमान स्थान (URL) के बारे में जानकारी होती है।
Location इंटरफेस उस ऑब्जेक्ट के स्थान (URL) को दर्शाता है जिससे यह जुड़ा हुआ है। लोकेशन ऑब्जेक्ट पर निम्न प्रॉपर्टीज उपलब्ध हैं:
| प्रॉपर्टी | विवरण |
|---|---|
| Location.href | पूरा URL युक्त DOMString। यदि बदला जाता है, तो संबंधित डॉक्यूमेंट नए पेज पर नेविगेट करता है। इसे संबंधित डॉक्यूमेंट से अलग मूल से सेट किया जा सकता है। |
| Location.protocol | URL की प्रोटोकॉल स्कीम, अंतिम ':' सहित (उदाहरण: "https:") |
| Location.host | होस्ट, यानी होस्टनेम, ':', और URL का पोर्ट |
| Location.hostname | URL का डोमेन |
| Location.port | URL का पोर्ट नंबर |
| Location.pathname | प्रारंभिक '/' के बाद URL का पथ |
| Location.search | '?' के बाद पैरामीटर्स या "क्वेरीस्ट्रिंग"। आधुनिक ब्राउज़र्स URLSearchParams और URL.searchParams प्रदान करते हैं ताकि क्वेरीस्ट्रिंग से पैरामीटर्स को आसानी से पार्स किया जा सके। |
| Location.hash | '#' के बाद URL का फ्रैगमेंट आइडेंटिफायर |
| Location.username | डोमेन नाम से पहले निर्दिष्ट यूजरनेम |
| Location.password | डोमेन नाम से पहले निर्दिष्ट पासवर्ड |
मेथड्स
| मेथड | विवरण |
|---|---|
assign(url) | नए URL पर नेविगेट करता है (इतिहास में जोड़ता है) |
replace(url) | नए URL पर नेविगेट करता है (इतिहास में **नहीं** जोड़ता - बैक बटन काम नहीं करेगा) |
reload() | वर्तमान पेज रीलोड करता है |
toString() | href के समान पूरा URL लौटाता है |
उदाहरण
// वर्तमान URL: https://example.com:8080/path/page?name=value#section
console.log(location.href); // पूरा URL
console.log(location.protocol); // "https:"
console.log(location.host); // "example.com:8080"
console.log(location.hostname); // "example.com"
console.log(location.port); // "8080"
console.log(location.pathname); // "/path/page"
console.log(location.search); // "?name=value"
console.log(location.hash); // "#section"
// क्वेरी पैरामीटर्स पार्स करना (आधुनिक)
const params = new URLSearchParams(location.search);
console.log(params.get('name')); // "value"
// नेविगेशन
location.assign('/new-page'); // इतिहास में जोड़ता है
location.replace('/new-page'); // इतिहास बदलता है
location.reload(); // रीफ्रेश
