Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ एक अलग यूआरएल पर रीडायरेक्ट करने के लिए window.location का उपयोग कैसे करें?


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

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

उदाहरण

किसी अन्य URL पर रीडायरेक्ट करने के लिए window.location का उपयोग कैसे करें, यह जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं। यहां, हम होम पेज पर रीडायरेक्ट करेंगे

लाइव डेमो

<html>
   <head>
      <script>
         <!--
            function Redirect() {
               window.location.assign("https://www.tutorialspoint.com");
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button, you will be redirected to home page.</p>
      <input type = "button" value="Redirect Me" onclick="Redirect();" />
   </body>
</html>

  1. मैं अपने वेब पेज को जावास्क्रिप्ट के साथ कैसे पुनर्निर्देशित करूं?

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

  1. जावास्क्रिप्ट के साथ फुलस्क्रीन विंडो कैसे बनाएं?

    जावास्क्रिप्ट के साथ एक पूर्ण स्क्रीन विंडो बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <style>    body{       font-

  1. जावास्क्रिप्ट के साथ दूसरे वेबपेज पर रीडायरेक्ट कैसे करें?

    जावास्क्रिप्ट का उपयोग करके किसी अन्य वेबपेज पर रीडायरेक्ट करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <h1>Redirect to a Webpage Example</h1> <button class="redirectBtn">Redirect</button> <h2>Click the above button to