onclick="alert()"不可用于生产环境，因它阻塞主线程、样式不可控、移动端兼容差且违反html/js分离原则；应改用addeventlistener绑定事件，并采用或自定义弹窗实现模态交互。

onclick="alert()"能用但别上线

能快速验证逻辑，但生产环境必须撤掉。它把 JS 写死在 HTML 里，改提示文字就得动模板；alert() 阻塞主线程，用户不点“确定”后续所有 JS 都卡住；移动端 Safari 会合并连续调用，只显示最后一个；更关键的是——样式完全不可控，连按钮颜色都改不了。

常见错误：<button onclick="alert('加载中...'); fetchData();">提交</button>，用户点了“确定”才执行 fetchData()，体验断裂。正确做法是把逻辑分离，用 addEventListener 控制流程。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

addEventListener 绑定 click 是标准写法

HTML 只留干净结构：<button id="openModalBtn">查看详情</button>；JS 在 DOM 加载完成后绑定：

document.getElementById('openModalBtn').addEventListener('click', () => {
  // 这里放弹窗逻辑，比如 showCustomDialog() 或 dialog.showModal()
});

注意三点：

• 确保 JS 执行时机：脚本放在

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