हिन्दी में वैबसाइट डिजाइनिंग सीखना चाहते हैं तो हमारी साइट code sikho hindi को Subscribe करें

JavaScript - Page Redirection Full Details

 JavaScript - Page Redirection Full Details

JavaScript - Page Redirection Full Details


जावास्क्रिप्ट - Page Redirection पूर्ण विवरण


पृष्ठ पुनर्निर्देशन क्या है?


हो सकता है कि आपने एक ऐसी स्थिति का सामना किया हो जहां आपने किसी पृष्ठ X पर पहुंचने के लिए किसी URL पर क्लिक किया हो लेकिन आंतरिक रूप से आपको दूसरे पृष्ठ Y पर निर्देशित किया गया हो। यह पृष्ठ पुनर्निर्देशन के कारण होता है। यह अवधारणा जावास्क्रिप्ट पेज रिफ्रेश से अलग है।


कई कारण हो सकते हैं कि आप किसी उपयोगकर्ता को मूल पृष्ठ से पुनर्निर्देशित क्यों करना चाहते हैं। हम कुछ कारणों को सूचीबद्ध कर रहे हैं -


  • आपको अपने डोमेन का नाम पसंद नहीं आया और आप एक नए डोमेन पर जा रहे हैं। ऐसी स्थिति में, हो सकता है कि आप अपने सभी विज़िटर्स को नई साइट पर निर्देशित करना चाहें। यहां आप अपने पुराने डोमेन को बनाए रख सकते हैं लेकिन एक पेज रीडायरेक्शन के साथ एक पेज डाल सकते हैं ताकि आपके सभी पुराने डोमेन विज़िटर आपके नए डोमेन पर आ सकें।
  • आपने ब्राउज़र संस्करणों या उनके नामों के आधार पर विभिन्न पृष्ठों का निर्माण किया है या विभिन्न देशों पर आधारित हो सकते हैं, फिर अपने सर्वर-साइड पृष्ठ पुनर्निर्देशन का उपयोग करने के बजाय, आप अपने उपयोगकर्ताओं को उपयुक्त पृष्ठ पर लाने के लिए क्लाइंट-साइड पृष्ठ पुनर्निर्देशन का उपयोग कर सकते हैं।
  • हो सकता है कि खोज इंजनों ने आपके पृष्ठों को पहले ही अनुक्रमित कर लिया हो। लेकिन दूसरे डोमेन में जाते समय आप सर्च इंजन के जरिए आने वाले अपने विजिटर्स को खोना नहीं चाहेंगे। तो आप क्लाइंट-साइड पेज रीडायरेक्शन का उपयोग कर सकते हैं। लेकिन ध्यान रहे कि ऐसा सर्च इंजन को बेवकूफ बनाने के लिए नहीं किया जाना चाहिए, इससे आपकी साइट बैन हो सकती है।


पेज री-डायरेक्शन कैसे काम करता है?


पेज-रीडायरेक्शन के कार्यान्वयन इस प्रकार हैं।


Example -उदाहरण 1


क्लाइंट साइड पर जावास्क्रिप्ट का उपयोग करके पेज रीडायरेक्ट करना काफी आसान है। अपने साइट विज़िटर को एक नए पृष्ठ पर पुनर्निर्देशित करने के लिए, आपको बस अपने शीर्ष अनुभाग में निम्नानुसार एक पंक्ति जोड़ने की आवश्यकता है।


<html>

   <head>

      <script type = "text/javascript">

         <!--

            function Redirect() {

               window.location = "https://www.codesikhohindi.com";

            }

         //-->

      </script>

   </head>

   

   <body>

      <p>Click the following button, you will be redirected to home page.</p>

      

      <form>

         <input type = "button" value = "Redirect Me" onclick = "Redirect();" />

      </form>

      

   </body>

</html>


Output

Page Redirection


Example -उदाहरण 2


आप अपने साइट विज़िटर को किसी नए पृष्ठ पर रीडायरेक्ट करने से पहले एक उपयुक्त संदेश दिखा सकते हैं। एक नया पृष्ठ लोड करने के लिए इसके लिए थोड़ा समय विलंब की आवश्यकता होगी। निम्नलिखित उदाहरण दिखाता है कि इसे कैसे कार्यान्वित किया जाए। यहां सेटटाइमआउट () एक अंतर्निहित जावास्क्रिप्ट फ़ंक्शन है जिसका उपयोग किसी दिए गए समय अंतराल के बाद किसी अन्य फ़ंक्शन को निष्पादित करने के लिए किया जा सकता है।


<html>

   <head>

      <script type = "text/javascript">

         <!--

            function Redirect() {

               window.location = "https://www.codesikhohindi.com";

            }            

            document.write("You will be redirected to main page in 10 sec.");

            setTimeout('Redirect()', 10000);

         //-->

      </script>

   </head>

   

   <body>

   </body>

</html>


Output

Page Redirection01


You will be redirected to codesikhohindi.com main page in 10 seconds!


Example -उदाहरण 3


निम्न उदाहरण दिखाता है कि कैसे अपने साइट विज़िटर को उनके ब्राउज़र के आधार पर किसी भिन्न पृष्ठ पर पुनर्निर्देशित किया जाए।


<html>

   <head>     

      <script type = "text/javascript">

         <!--

            var browsername = navigator.appName;

            if( browsername == "Netscape" ) {

               window.location = "http://www.location.com/ns.htm";

            } else if ( browsername =="Microsoft Internet Explorer") {

               window.location = "http://www.location.com/ie.htm";

            } else {

               window.location = "http://www.location.com/other.htm";

            }

         //-->

      </script>      

   </head>

   

   <body>

   </body>

</html>