JavaScript में window.location.href, replace और assign में क्या अंतर है?

window ऑब्जेक्ट में location ऑब्जेक्ट शामिल होता है। मुख्य अंतर:

window.location.href

वर्तमान पृष्ठ का पूरा URL लौटाता है। इस पर मान असाइन करने से नया पृष्ठ लोड होता है (इतिहास में प्रविष्टि जुड़ती है)।

<!DOCTYPE html>
<html>
  <body>
    <p>पृष्ठ का पूरा URL पाने के लिए नीचे क्लिक करें।</p>
    <button onclick="display()">URL</button>
    <script>
      function display() {
        var res = location.href;
        document.write(res);
      }
    </script>
  </body>
</html>

window.location.replace

वर्तमान दस्तावेज़ को नए से प्रतिस्थापित करता है। इतिहास में प्रविष्टि नहीं जोड़ता, इसलिए बैक बटन काम नहीं करेगा।

<!DOCTYPE html>
<html>
  <body>
    <button onclick="display()">वर्तमान दस्तावेज़ प्रतिस्थापित करें</button>
    <script>
      function display() {
        location.replace("https://www.example.com");
      }
    </script>
  </body>
</html>

window.location.assign

नया दस्तावेज़ लोड करता है। इतिहास में प्रविष्टि जोड़ता है (बैक बटन काम करता है)।

<!DOCTYPE html>
<html>
  <body>
    <button onclick="display()">नया दस्तावेज़ खोलें</button>
    <script>
      function display() {
        location.assign("https://www.example.com");
      }
    </script>
  </body>
</html>

सारांश: href और assign इतिहास सहेजते हैं, replace नहीं।