fetch() + innerhtml 是最轻量可控的局部刷新方案；需防表单提交中断请求、确保 dom 就绪、用 replacechildren() 替代 innerhtml +=、采用事件委托避免监听器丢失、优先返回 json 防 xss、校验响应状态并控制加载态。

用 HTML 按钮实现页面局部刷新，fetch() + innerHTML 是最轻量、最可控的方案，不需要框架、不引入额外依赖，现代浏览器全支持。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

按钮点击后没反应？先检查默认行为和 DOM 就绪时机

最常见的“点了没反应”，根本不是 fetch 写错了，而是按钮触发了表单提交或页面跳转，把请求中断了。

• 确保按钮是 <button type="button"></button>，不是 type="submit"（除非你手动调用了 e.preventDefault()）
• 事件监听器必须在目标容器和按钮都已渲染后才绑定——把 JS 放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！