HTML DOM Location replace() मेथड का उपयोग वर्तमान दस्तावेज़ को प्रतिस्थापित करके एक नया दस्तावेज़ प्रस्तुत करने के लिए किया जाता है। यह वर्तमान दस्तावेज़ URL को दस्तावेज़ इतिहास से भी हटा देता है जिससे 'वापस' बटन का उपयोग करके पुराने दस्तावेज़ पर नेविगेशन अक्षम हो जाता है।
सिंटैक्स
निम्नलिखित सिंटैक्स है −
location.replace(URLString)
उदाहरण
आइए Location replace() गुण का एक उदाहरण देखें −
<!DOCTYPE html> <html> <head> <title>Location replace()</title> <style> form { width:70%; margin: 0 auto; text-align: center; } * { padding: 2px; margin:5px; } input[type="button"] { border-radius: 10px; } </style> </head> <body> <form> <fieldset> <legend>Location-replace( )</legend> <label for="urlSelect">वर्तमान URL: </label> <input type="url" id="urlSelect" value="https://www.example.com"><br> <label for="newUrlSelect">नया URL: </label> <input type="url" id="newUrlSelect" placeholder="नया URL दें..."><br> <input type="button" onclick="doReplace()" value="नए URL पर जाएं"> <div id="divDisplay"></div> </fieldset> </form> <script> var divDisplay = document.getElementById("divDisplay"); var urlSelect = document.getElementById("urlSelect"); var newUrlSelect = document.getElementById("newUrlSelect"); function doReplace(){ if(newUrlSelect.value === '') divDisplay.textContent = 'नया URL प्रदान करें'; else{ location.replace(newUrlSelect.value); divDisplay.textContent = 'नए URL पर रीडायरेक्ट कर रहे हैं'; } } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा −
'नए URL पर जाएं' बटन पर क्लिक करने के बाद बिना इनपुट के −
विवरण भरने के बाद 'नए URL पर जाएं' बटन पर क्लिक करना −
