hx-push-url
hx-push-url
属性允许您将URL推送至浏览器历史记录。
这会创建一个新的历史条目,支持通过浏览器的前进/后退按钮导航。
htmx会将当前DOM快照保存至历史缓存,并在导航时从该缓存恢复。
该属性的可选值为:
true
:将请求的URL推送至历史记录false
:禁用URL推送(即使因继承或hx-boost
本应推送)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` 推送至历史记录。
hx-push-url
具有继承性,可置于父级元素HX-Push-Url
响应头具有类似行为,可覆盖此属性hx-history-elt
属性允许修改历史缓存中保存的元素