alert()是javascript方法而非html标签,用于触发原生阻塞式警告弹窗,需配合dom加载完成使用,现代项目中应被自定义modal替代。

弹窗警告用 alert(),不是 HTML 标签
很多人搜“HTML 对话框标签”,以为存在像 <dialog></dialog> 那样的标签能直接弹出警告框——但 alert() 是 JavaScript 方法,不是 HTML 元素。浏览器里真正能触发原生警告弹窗的,只有 alert()、confirm() 和 prompt() 这三个函数,它们都属于 window 对象,无需额外引入。
常见错误现象:<dialog></dialog> 写了但没弹出来,或者加了 open 属性仍不可见——因为 <dialog></dialog> 默认不自动显示,必须配合 JS 调用 .showModal() 或 .show() 才生效,它和 alert() 完全是两回事。
-
alert("Hello")会阻塞后续 JS 执行,直到用户点“确定” - 它不能定制样式、按钮文字或关闭方式,纯属调试/简单提示用
- 现代前端项目中基本被自定义 modal 替代,但写 demo 或快速验证逻辑时最直接
alert() 在 index.html 中怎么加才有效
必须确保 JS 代码在 DOM 加载完成后执行,否则可能因元素未就绪而失效(虽然 alert() 本身不依赖 DOM,但若放在事件监听里就容易出问题)。
推荐写法:把脚本放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











