onclick属性虽简单但不推荐，因其混杂html与js、难调试、易xss；现代项目应优先用addeventlistener或框架事件机制（如react的onclick、vue的@click）。

onclick 属性直接写在 button 标签里就行，但不推荐在现代项目中这么用

直接写 onclick 属性最简单，比如 <button onclick="alert('clicked')">点我</button>，能立刻响应点击。但它把 HTML 和 JS 混在一起，调试难、复用差、没法传参（除非拼字符串）、还容易被 XSS 利用。真实项目里，尤其涉及状态管理或组件化时，这种写法基本会被 ESLint 拦住。

addEventListener 是更安全可控的绑定方式

给 button 元素绑定事件，应该优先用 addEventListener。它支持多次绑定、可移除、能精确控制事件流阶段（capture 参数），而且函数作用域干净。

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

常见写法：

const btn = document.querySelector('#myBtn');
btn.addEventListener('click', function() {
  console.log('按钮被点了');
});

• 必须等 DOM 加载完再执行，否则 querySelector 找不到元素（放 <script></script> 在

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