hx-replace-url

hx-replace-url 属性允许您替换浏览器位置历史记录中的当前 URL。

此属性的可能值为：

1. true，这会在浏览器导航栏中替换获取的 URL。
2. false，如果由于继承而原本会被替换，则禁用替换获取的 URL。
3. 要替换到位置栏的 URL。 这可以是相对或绝对 URL，按照 history.replaceState() 的方式。

以下是一个示例：

<div hx-get="/account" hx-replace-url="true">
  Go to My Account
</div>

这将导致 htmx 将当前 DOM 快照到 localStorage，并在浏览器位置栏中替换 URL /account。

另一个示例：

<div hx-get="/account" hx-replace-url="/account/home">
  Go to My Account
</div>

这将在浏览器位置栏中替换 URL /account/home。

注意事项

• hx-replace-url 是可继承的，可以放置在父元素上
• HX-Replace-Url 响应头 具有类似行为，并且可以覆盖此属性。
• hx-history-elt 属性 允许更改保存在历史记录缓存中的元素。
• hx-push-url 属性 是一个类似且更常用的属性，它会创建一个新的历史记录条目，而不是替换当前条目。