如何实现js打印 |
您所在的位置:网站首页 › js怎么打印 › 如何实现js打印 |
js打印有两种方式:当前页面打印和新窗口打印,根据项目需求选择适合的方式第一种打印方式:当前页面打印 js代码: const printHtml = document.querySelector('.print-content').innerHTML; // 需要打印的内容 window.document.body.innerHTML = printHtml; window.print(); window.location.reload(); // 打印完成后重新加载页面css代码: @media print { .print-content { 打印界面的样式添加到这里 } }第二种打印方式:新窗口打印js代码: const printHtml = document.querySelector('.print-content').innerHTML; // 需要打印的内容 const newWin = window.open('', 'newwindow'); newWin.document.write('Print title!// 添加样式内容') newWin.document.write(printHtml); newWin.document.write(''); newWin.print(); newWin.close(); // 打印完成后关闭恭喜!!! |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |