विंडो.स्थान मान उस वर्तमान URL का प्रतिनिधित्व करता है जिसे आप अपने ब्राउज़र में देख रहे हैं। जावास्क्रिप्ट में किसी अन्य URL पर जाने के लिए आप इस मान को बदल सकते हैं। यदि आप किसी उपयोगकर्ता को किसी अन्य पृष्ठ पर पुनर्निर्देशित करना चाहते हैं तो यह उपयोगी है। आप असाइन () या प्रतिस्थापित () विधियों का भी उपयोग कर सकते हैं।
उपयोगकर्ता को किसी भिन्न वेबसाइट या अपडेट किए गए पथ नाम पर रीडायरेक्ट करने के कुछ कारण हो सकते हैं। ज्यादातर मामलों में, आप उपयोगकर्ता के प्राधिकरण . के आधार पर रीडायरेक्ट करना चाह सकते हैं - क्या क्लाइंट किसी साइट पर लॉग इन है। इस लेख में, हम इस पर एक नज़र डालते हैं कि जावास्क्रिप्ट का उपयोग करके वेब पेज में इसे कैसे किया जाए।
JavaScript URL पर जाएं
जावास्क्रिप्ट ब्राउज़र इतिहास एपीआई आपको एक नए यूआरएल पर जाने देता है। नए URL पर नेविगेट करने के लिए आप निम्न विधियों का उपयोग कर सकते हैं:
- विंडो.स्थान के लिए एक नया मान निर्दिष्ट करना।
- विंडो.असाइन () पद्धति का उपयोग करना।
- window.replace() विधि का उपयोग करना।
ये तीनों विधियाँ दूसरे URL पर समान रूप से नेविगेट करने के लक्ष्य को पूरा करती हैं। आइए इनमें से प्रत्येक तरीके पर एक नज़र डालें।
JavaScript window.location Value
किसी नए URL पर नेविगेट करने के लिए, ब्राउज़र के इतिहास API से स्थान ऑब्जेक्ट का उपयोग करें। सत्र इतिहास आपको स्थान ऑब्जेक्ट को किसी नए URL पर पुन:असाइन करने देता है या उसी ऑब्जेक्ट पर href प्रॉपर्टी का उपयोग करने देता है।
इस दृष्टिकोण के लिए वाक्य रचना है:
window.location ="url";
"यूआरएल" उस यूआरएल का प्रतिनिधित्व करता है जिसे आप उपयोगकर्ता को देखना चाहते हैं। जब कोड की यह पंक्ति चलती है, तो एक जावास्क्रिप्ट रीडायरेक्ट शुरू होता है। यह उस पृष्ठ को बदल देता है जिसे उपयोगकर्ता अपने वेब ब्राउज़र में देखता है।
आइए इस पद्धति को एक उदाहरण के रूप में देखें:
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
const handleClick =(e) => { कंसोल.लॉग("क्लिक") window.location =('https://careerkarma.com') // window.location.href =('https://careerkarma' .com') कंसोल.लॉग (विंडो.लोकेशन) } जब हैंडलक्लिक () फ़ंक्शन चलता है, तो हमारा कोड जावास्क्रिप्ट कंसोल पर एक स्टेटमेंट लॉग करेगा। फिर, हमारा कोड हमें एक नए यूआरएल पर रीडायरेक्ट करेगा।
JavaScript window.location.assign()
स्थान वस्तु में एक रीडायरेक्ट विधि होती है जिसे असाइन () कहा जाता है। यह विधि वर्तमान URL को असाइन किए गए URL के साथ असाइन करती है और इसे इतिहास स्टैक में जोड़ देती है।
इतिहास स्टैक आपके द्वारा देखे गए पृष्ठों का प्रतिनिधित्व करता है ("बैक एरो" के बारे में सोचें जो आपको एक पृष्ठ पर वापस जाने देता है)।
निम्नलिखित सिंटैक्स पर विचार करें:
window.location.assign("url"); पिछले उदाहरण के विपरीत, हमें जावास्क्रिप्ट चर (window.location) के लिए कोई मान निर्दिष्ट करने की आवश्यकता नहीं है। इसके बजाय, हम उपयोगकर्ता द्वारा देखे जाने वाले वेब पेज को बदलने के लिए एक विधि का उपयोग करते हैं।
हिस्ट्री स्टैक यह है कि ब्राउजर कैसे याद रखता है कि बैक बटन या फॉरवर्ड बटन को कहां जाना चाहिए।
आइए इस विधि का पूरा उदाहरण देखें:
const handleClick =(e) => { कंसोल.लॉग("क्लिक") window.location.assign('https://careerkarma.com'); }
यदि आप उसी साइट पर किसी भिन्न पृष्ठ पर रीडायरेक्ट करना चाहते हैं, तो स्थान ऑब्जेक्ट पर पथ नाम गुण का उपयोग करें:
const handleClick =(e) => { console.log("click") window.location.pathname =('/newpage.html') console.log(window.location)} JavaScript window.location.replace()
आपके पास यह नियंत्रित करने की क्षमता है कि उपयोगकर्ता पिछली साइट पर वापस जाने के लिए बैक बटन का उपयोग कर सकता है या नहीं।
बदलें () विधि का उपयोग करके, आप किसी उपयोगकर्ता को साइट पर नेविगेट कर सकते हैं और उन्हें पिछले पृष्ठ पर वापस जाने से रोक सकते हैं। दूसरी ओर, असाइन () विधि उस पृष्ठ को सहेजती है जिसे आप पहले अपने ब्राउज़र इतिहास में देख रहे थे। तो, असाइन () के साथ आप उस अंतिम पृष्ठ को देख सकते हैं जिस पर आप थे।
आइए एक नज़र डालते हैं रिप्लेस () मेथड पर:
window.location.replace("url");
असाइन की तरह (), बदलें () एक विधि है। यह विधि एक तर्क को स्वीकार करती है:एक यूआरएल जिस पर आप उपयोगकर्ता को इंगित करना चाहते हैं।
जब विधि चलाई जाती है तो उपयोगकर्ता द्वारा देखे जाने वाले URL को बदलने के लिए हम कस्टम फ़ंक्शन के साथ रिप्लेस () विधि का उपयोग कर सकते हैं:
const handleClick =(e) => { कंसोल.लॉग("क्लिक") window.location.replace('https://careerkarma.com'); }
अपनी पसंद के URL पर पुनर्निर्देशित करने के लिए विभिन्न विधियों के साथ खेलने के लिए इस Repl.it का उपयोग करें। कोड को डिफ़ॉल्ट पर रीसेट करने के लिए आप रन बटन का उपयोग कर सकते हैं।
निष्कर्ष
JavaScript में URL पर जाने के तीन तरीके हैं:window.location, window.location.assign() मेथड, या window.location.replace() मेथड का उपयोग करना।
क्या आप जावास्क्रिप्ट के बारे में अधिक जानना चाहते हैं? हमारी जावास्क्रिप्ट कैसे सीखें गाइड देखें। इस गाइड में जावास्क्रिप्ट सीखने के बारे में शीर्ष युक्तियाँ और शुरुआती और मध्यवर्ती डेवलपर्स के लिए व्यापक शिक्षण संसाधनों की एक सूची है।