जावास्क्रिप्ट रीडायरेक्ट

Michael Zippo

वेब पेज को रीडायरेक्ट करने के कई तरीके हैं: क्लाइंट साइड एचटीएमएल में मेटा टैग का इस्तेमाल कर रहा है और सर्वर साइड HTTP रीडायरेक्ट मेथड्स का इस्तेमाल कर रहा है। इस लेख में, हम जावास्क्रिप्ट का उपयोग करके किसी वेब पेज को रीडायरेक्ट करने के तरीके पर एक नज़र डालते हैं।

पेज रीडायरेक्शन के लिए जावास्क्रिप्ट कोड का उपयोग करने के दो संभावित तरीके हैं। दोनों में विंडो लोकेशन ऑब्जेक्ट शामिल है।

href

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

मैंने बॉडी टैग के ठीक पहले दस्तावेज़ के निचले भाग में एक स्क्रिप्ट टैग जोड़ा है। यहीं पर हमारी जावास्क्रिप्ट जाती है। एक फ़ंक्शन, जिसे हैंडलडायरेक्ट कहा जाता है, में एक पैरामीटर होता है जिसे url कहा जाता है। हम इस URL के मान के लिए location.href असाइन करते हैं।

दस्तावेज़ बॉडी के शीर्ष पर, हमारे पास एक ऑनलोड ईवेंट है। यह ऑनलोड इवेंट उस JavaScript फ़ंक्शन को निष्पादित करता है जिसे हम इसे असाइन करते हैं। यहां हमने वह यूआरएल पास कर दिया है जिस पर हम जाना चाहते हैं। रीडायरेक्ट तुरंत होता है और Python.Engineering ब्लॉग पोस्ट के HTML भाग में जाता है।

अगर आप पेज को रीडायरेक्ट करने से पहले एक विराम जोड़ना चाहते हैं, तो आप ऐसा कर सकते हैं यह <कोड>सेटटाइमआउट फ़ंक्शन का उपयोग कर रहा है। यह कैसे करना है:;

बाकी सब कुछ वैसा ही रहता है।

यह विधि स्रोत पृष्ठ को स्टैक इतिहास में जोड़ती है। यह ब्राउज़र के बैक बटन के माध्यम से पहुँचा जा सकता है। url को बदलने के लिए एक अन्य विधि यदि आप इसके बजाय ऐसा करना पसंद करते हैं - हम इसे बाद में देखेंगे!

जैसा कि आप देख सकते हैं, हमें स्क्रिप्ट टैग की आवश्यकता नहीं थी इस वन-लाइनर के लिए। जब दस्तावेज़ अपलोड किया जाता है, तो यह location.replace विधि को क्रियान्वित करता है, जो हमें साइट पर कोष्ठक में निर्देशित करता है।

यहाँ ! अब आप जावास्क्रिप्ट का उपयोग करके एक नए वेब पेज पर रीडायरेक्ट कर सकते हैं।