干净的 URL JavaScript

干净的 URL（也称为漂亮的 URL 或 RESTful URL）是一个简洁、有用且易于记忆的 URL，使用户更容易访问网站上的特定资源。干净的 URL 使用简短的关键字以识别网站上不同的页面和内容，而不是使用含有冗余参数的复杂 URL。在 JavaScript 中，实现干净的 URL 有许多方法，以下是其中几种。

1. 使用pushState()方法

pushState() 方法是 HTML5 History API 中的一种方法，将状态压入浏览器的历史栈中，并且在浏览器的地址栏中更新当前 URL。使用 pushState() 方法创建干净的 URL 只需要将要显示的页面的信息传递给该方法即可。代码示例如下：

history.pushState("page", "Title", "/newURL");

该代码将 'newURL' 添加到浏览器的历史浏览记录中，并将新 URL 显示在地址栏中。

2. 使用hashchange事件

当 URL 哈希值（#）发生更改时，浏览器会派发 hashchange 事件，通过在事件处理程序中监听 hashchange 事件，可以捕获 URL 的变化。使用 hashchange 实现干净的 URL 可以将应用程序状态存储在哈希值中，并在哈希值发生更改时更新状态。代码示例如下：

window.onhashchange = function() {
    console.log(window.location.hash);
}

该代码会在哈希值发生更改时将新的哈希值记录在控制台中。

3. 使用URLSearchParams API

URLSearchParams API 是用于处理 URL 查询字符串的 JavaScript API，可用于解析和操作 URL 查询参数。使用 URLSearchParams API 可以轻松地添加、删除和更新干净的 URL 中的参数，并将它们转换为易于读取的 JavaScript 对象。代码示例如下：

const params = new URLSearchParams(window.location.search);
params.append('sort', 'newest');
console.log(params.toString());

该代码会将 'sort=newest' 添加到 URL 查询字符串中，并将新的查询字符串记录在控制台中。

以上是几种实现干净的 URL 的方法，选择哪种方法取决于应用程序的需要和开发者的偏好。