JavaScript 中的 window.location.href、window.location.replace 和 window.location.assign 的区别?


在 JavaScript 中,window 对象包含 location 对象。它包括以下属性−

window.location.href

它返回当前页面的 URL。

示例

<!DOCTYPE html>
<html>
   <body>
      <p>Click below to get the complete URL of the page.</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()">Replace current document</button>
      <script>
         function display() {
            location.replace("https://www.qries.com")
         }
      </script>
   </body>
</html>

window.location.assign

如果你想加载一个新的文档,使用 JavaScript assign。

示例

<!DOCTYPE html>
<html>
   <body>
      <button onclick = "display()">Open new document</button>
      <script>
         function display() {
            location.assign("https://www.qries.com")
         }
      </script>
   </body>
</html>

更新于: 23-6 月-2020

448 次浏览

开启你的 职业

完成课程获得认证

开始
广告