hx-replace-url

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

此属性的可能值是

1. true，在浏览器导航栏中替换获取的 URL。
2. false，如果由于继承会替换获取的 URL，则禁用替换。
3. 要替换到地址栏中的 URL。可以是相对 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 属性 是一个类似且更常用的属性，它创建新的历史记录条目，而不是替换当前记录条目。