js调用打印只打印指定div的内容_js打印指定div内容-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_26365837/article/details/96322970

本文介绍如何利用print.js插件实现网页内容的打印功能，包括下载、配置及使用方法。通过具体示例展示了如何设置打印样式、标题等参数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用插件官方地址：https://printjs.crabbly.com/

里面讲述了打印PDF、html、JSON、image的使用方法，以及浏览器的兼容性。

先点击下载：

里面有源码，如果只是使用打印，就下载print.min.js就可以了

把js导入到项目中，使用方法，这里使用的是form，也可以是一个div：

打印前的效果，因为我这里可能会存在修改的地方，所有表单日期和经手人是可以输入的，只是边框做了隐藏，不明显：

打印页面效果展示，当然这里加入了print.min.js的一些参数：

// 打印
printOrder : function(){
  var param = {};
  param.printable="printJS-form";
  param.type="html";
  param.maxWidth="100%";
  param.css=['css/zui.min.css', 'css/zui-theme.min.css','css/print-my.css']; // 样式可以是一个css的路径，也可以是一个数组
  param.header="<h2 style='text-align: center;'>****销售单</h2>"; // 标题
  param.style="#printTable{font-size: 17px; color: black; width: 94% !important;} #printTable td{line-height: 35px; border-color: black;} .printSaleOrder{font-size: 17px; color: black;} .printOrderFoot{font-size: 18px; color: black;}";
  printJS(param);
}

打印的效果如下：