hx-push-url

hx-push-url 属性允许您将URL推送至浏览器历史记录。 这会创建一个新的历史条目,支持通过浏览器的前进/后退按钮导航。 htmx会将当前DOM快照保存至历史缓存,并在导航时从该缓存恢复。

该属性的可选值为:

  1. true:将请求的URL推送至历史记录
  2. false:禁用URL推送(即使因继承或hx-boost本应推送)
  3. 指定要推送至地址栏的URL(相对或绝对路径,遵循history.pushState()规范)

示例如下:

<div hx-get="/account" hx-push-url="true">
  进入我的账户
</div>

这将使htmx将当前DOM快照保存至localStorage,并将URL `/account` 推送至浏览器地址栏。

另一个示例:

<div hx-get="/account" hx-push-url="/account/home">
  进入我的账户
</div>

这将把URL `/account/home` 推送至历史记录。

注意事项