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">
  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 позволяет изменить элемент, который сохраняется в кэше истории.