高效 HTML 工具
新闻: htmx 2.0 已发布!目前尚未在 NPM 中标记为 latest,以防止使用 1.x 版本 的用户意外升级。我们将在 2025 年的某个时候将 2.0 标记为 latest

介绍

htmx 让你可以直接在 HTML 中使用 AJAXCSS 过渡WebSockets服务器推送事件,通过 属性 构建 现代用户界面,结合 简单性超文本的强大功能

htmx 体积小(~14k min.gz’d),无依赖可扩展,并且与 react 相比,减少 了 67% 的代码量。

动机

通过消除这些限制,htmx 补全了 HTML 作为一种 超文本 的功能。

快速开始

  <script src="https://unpkg.com/htmx.org@2.0.2"></script>
  <!-- 使用 AJAX 通过按钮发送点击事件 -->
  <button hx-post="/clicked" hx-swap="outerHTML">
    点击我
  </button>

这个按钮上的 hx-posthx-swap 属性告诉 htmx:

“当用户点击这个按钮时,发送一个 AJAX 请求到 /clicked,并用 HTML 响应替换整个按钮”

htmx 是 intercooler.js 的继承者。

阅读 文档介绍 获取更深入的… 介绍。

请注意,htmx 2.x 已不再支持 IE。如果你需要 IE 支持,可以使用 1.x 版本,该版本将会永久支持。

书籍

我们很高兴地宣布发布 超媒体系统,这是一本关于如何使用 htmx 和其他工具构建 超媒体驱动应用程序 的书籍:

超媒体系统

赞助商

htmx 的开发可以通过 GitHub 赞助商 进行支持。

感谢我们所有慷慨的 支持者,包括:

ʕ •ᴥ•ʔ 制作于蒙大拿州