js 打印指定内容_如何实现js打印

最新推荐文章于 2024-03-09 18:12:39 发布

weixin_39519619

最新推荐文章于 2024-03-09 18:12:39 发布

阅读量452

点赞数

文章标签： js 打印指定内容 js关闭当前页面 js关闭新窗口 js打印内容没有样式 js打印样式丢失 js打开新的窗口window

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('<html><head><title>Print title!</title><style>// 添加样式内容</style></head><body>')
newWin.document.write(printHtml);
newWin.document.write('</body></html>');
newWin.print();
newWin.close(); // 打印完成后关闭

恭喜！！！

优惠劵

weixin_39519619

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 打印指定内容_如何实现js打印

js打印有两种方式：当前页面打印和新窗口打印，根据项目需求选择适合的方式第一种打印方式：当前页面打印js代码：const printHtml = document.querySelector('.print-content').innerHTML; // 需要打印的内容window.document.body.innerHTML = printHtml;window.print();wind...
复制链接

扫一扫