推荐用addeventlistener绑定window.print()并确保dom就绪,配合@media print隐藏非打印元素;注意ios safari不支持该api,需降级提示或后端生成pdf。

点击按钮触发 window.print() 就行,但别直接写在 HTML 里
直接在 <button onclick="window.print()"></button> 里调用看似简单,实际容易出问题:比如按钮自己也会被打印出来、页面还没加载完就触发、某些浏览器拦截弹窗式打印对话框。推荐用 JS 绑定事件,确保 DOM 就绪后再监听。
常见错误现象:Uncaught TypeError: window.print is not a function —— 极少见,但如果页面里定义了同名变量(比如 const print = 'xxx'),会覆盖原生方法。
- 用
addEventListener绑定,避免内联 JS - 确保脚本在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











