Javascript 更改 URL

Javascript 是一种常用的前端编程语言，可以用它来操作浏览器的各种行为，包括更改 URL。这在开发 Web 应用程序时非常有用。下面我们将介绍两种方法来更改 URL。

方法1：使用 Location 对象

Location 对象代表了当前浏览器窗口或标签页中显示的文档的 URL。可以使用它来读取或更改当前的 URL。下面是更改当前 URL 的示例代码：

const newUrl = "https://www.example.com";
window.location.href = newUrl;

这段代码将把当前 URL 更改为 "https://www.example.com" 。

方法2：使用 History 对象

History 对象代表了浏览器的历史记录。使用它可以在用户的浏览历史中添加、修改或删除历史记录。下面是通过 History 对象更改 URL 的示例代码：

const newUrl = "https://www.example.com";
window.history.pushState(null, null, newUrl);

这段代码将在用户的浏览历史记录中添加一个新的历史记录，将其 URL 更改为 "https://www.example.com" 。

需要注意的是，使用 History 对象更改 URL 并不会导致浏览器向服务器发送请求，而仅仅是更改了 URL 。如果需要与服务器进行通信，可以使用 Ajax 或提交表单等方法。

到此为止，我们介绍了两种使用 Javascript 更改 URL 的方法。您可以根据需求选择适合您的方法。