hx-push-url

Добавляет URL в историю браузера

Атрибут hx-push-url добавляет URL в историю браузера.

Это создаёт запись в истории для навигации вперёд и назад. Ядро htmx восстанавливает страницу, повторно загружая её URL. Используйте расширение hx-history-cache, чтобы вместо этого восстанавливать сохранённые снимки DOM.

Синтаксис

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

Возможные значения этого атрибута:

true — добавляет загруженный URL в историю.
false — отключает добавление загруженного URL в историю, если он был бы добавлен из-за наследования или hx-boost.
URL, который нужно добавить в адресную строку. Он может быть относительным или абсолютным, согласно history.pushState().

Пример:

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

Это добавляет /account в историю браузера. При возврате к этой записи ядро htmx повторно загружает /account.

Ещё один пример:

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

Это добавит URL `/account/home’ в историю адресов.

Примечания

HX-Push-Url заголовок ответа имеет аналогичное поведение и может переопределить этот атрибут.

Licensed under the Zero-Clause BSD License.
https://four.htmx.org/reference/attributes/hx-push-url/