hx-replace-url
hx-replace-url
属性允许您替换浏览器位置历史中的当前URL。
该属性的可能值为:
true
:在浏览器导航栏中替换获取的URL。false
:如果由于继承本应被替换,则禁用替换获取的URL。history.replaceState()
,可以是相对或绝对路径)。示例如下:
<div hx-get="/account" hx-replace-url="true">
前往我的账户
</div>
这将使htmx将当前DOM快照保存到localStorage
,并在浏览器地址栏中替换URL为`/account`。
另一个示例:
<div hx-get="/account" hx-replace-url="/account/home">
前往我的账户
</div>
这将在浏览器地址栏中替换URL为`/account/home`。
hx-replace-url
具有继承性,可以放在父元素上HX-Replace-Url
响应头具有类似行为,可覆盖此属性hx-history-elt
属性允许更改历史缓存中保存的元素hx-push-url
属性是更常用的类似属性,它会创建新的历史记录条目而不是替换当前条目