您可以通过单击浏览器的打印菜单或按下快捷方式
Ctrl+P
(或command+P
在 macOS 上)来打印网页。调用该window.print()
函数提供了打印整个页面的相同结果。
为了打印图像,我们可以将图像元素插入到假元素中,并在 iframe 的窗口上
iframe
调用该函数。print()
假设页面有一个图像元素和一个打印按钮,如下所示:
<img id="image" src="/path/to/image.jpg" /> <button id="print">Print</button>
打印图像可以在按钮的
click
事件中处理:
// Query the element
const printBtn = document.getElementById('print');
printBtn.addEventListener('click', function() {
...
});