hx-push-url

hx-push-url 屬性允許您將 URL 推入瀏覽器的 位置記錄。這會建立一個新的歷史紀錄項目，允許使用瀏覽器的上一頁和下一頁按鈕進行導航。htmx 會快照當前的 DOM 並將其儲存到歷史快取中，並在導航時從此快取還原。

此屬性的可能值為：

1. true，將抓取的 URL 推入歷史紀錄。
2. false，如果因繼承或 hx-boost 而推入抓取的 URL，則停用推入操作。
3. 要推入位置列的 URL。這可以是相對或絕對的，如同 history.pushState()。

以下是一個範例：

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

這會使 htmx 將當前 DOM 快照到 localStorage 並將 URL `/account` 推入瀏覽器的位置列。

另一個範例：

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

這會將 URL `/account/home` 推入位置歷史紀錄。

注意事項

• hx-push-url 是可繼承的，可以放置在父元素上。
• HX-Push-Url 回應標頭 具有類似的行為，並且可以覆蓋此屬性。
• hx-history-elt 屬性 允許更改儲存在歷史快取中的元素。