用 event.preventDefault() 阻止表单默认提交，再调用 alert() 或 confirm() 实现无跳转弹窗提示；若需发送数据到服务器，则用 fetch + FormData 提交，成功后弹窗，并检查 response.ok、禁用按钮、避免异步外调用弹窗。
表单提交后不跳转页面，只弹窗提醒
直接用 event.preventDefault() 阻止默认提交行为，再调用 alert() 或更友好的 confirm()。这是最轻量、无需后端配合的方案，适合纯前端验证通过后的提示。
- 必须在
submit事件监听器里调用event.preventDefault()，否则页面会刷新或跳转，弹窗可能被中断或看不到 -
alert("提交成功")简单粗暴；若需用户确认后续操作（比如“是否返回首页”），改用confirm()并根据返回布尔值分支处理 - 注意：现代浏览器对连续弹窗有拦截策略，避免在循环或多次触发中反复调用
alert
用 fetch 提交并弹窗，同时避免页面刷新
当表单需真正发送数据到服务器时，不能只靠 preventDefault，得用 fetch 手动发请求。成功响应后再弹窗，才能确保“提交确实完成了”。
- 表单
method和action属性可保留（便于降级），但 JS 中必须阻止默认行为 -
fetch的body要用new FormData(form)构造，不是直接传form.serialize()（原生无此方法） - 务必检查
response.ok和response.status，网络失败或 500 错误时也该有对应提示，比如alert("提交失败，请重试") - 提交中应禁用提交按钮，防止重复点击；可用
button.disabled = true+ 成功/失败后恢复
弹窗被拦截或不显示？检查这几点
alert 和 confirm 被拦截通常不是浏览器问题，而是调用时机不对。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 异步回调里弹窗没问题（如
fetch().then(() => alert(...))），但若写在定时器外层、或未绑定到用户交互事件（比如页面加载就弹），会被视为非用户触发，Chrome 等直接静默丢弃 - 确保事件监听绑定在
form元素上，且监听的是submit，不是clickon button —— 后者无法捕获回车提交 - 某些插件（如广告屏蔽器、uBlock Origin）会主动屏蔽
alert，开发时可用console.log辅助判断逻辑是否走到弹窗那步
想用更美观的弹窗？别自己手写 DOM
原生 alert 样式不可控、体验僵硬。真要提升体验，推荐轻量库，比如 swal（sweetalert2）。
立即学习“前端免费学习笔记（深入）”；
- 引入方式简单：
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script> - 替换
alert只需一行：Swal.fire("提交成功", "", "success")，支持图标、按钮文字、自动关闭等 - 注意：它基于 Promise，所以
Swal.fire().then(...)可链式处理用户点击后的动作，比confirm更灵活 - 不要为一个弹窗引入 jQuery 或整套 UI 框架——体积和复杂度完全不匹配
fetch 外部或错误处理分支之外，导致网络失败时没反馈，用户以为卡住了。 
