lodop插件如何设置样式打印（去掉样式打印/引入样式打印）

功能介绍：利用lodop插件对页面实现有样式或无样式的打印！具体代码如下：

打印与显示样式一致

var LODOP; //声明为全局变量
function myPreview(){
  LODOP = getLodop();  
  var strBodyStyle = "<style>"+document.getElementById("style").innerHTML+"</style>";
  var strFormHtml = strBodyStyle+"<body>"+document.getElementById("form").innerHTML+"</body>";
  LODOP.PRINT_INIT("");
  LODOP.ADD_PRINT_TEXT(50,50,260,39,"打印与显示样式一致");
  LODOP.ADD_PRINT_HTM(88,50,300,200,strFormHtml);
  LODOP.PREVIEW();
};

无样式打印

var LODOP; //声明为全局变量
function myPreview(){
  LODOP = getLodop();  
  var strFormHtml = document.getElementById("form").innerHTML;
  LODOP.PRINT_INIT("");
  LODOP.ADD_PRINT_TEXT(50,50,260,39,"无样式打印");
  LODOP.ADD_PRINT_HTM(88,50,300,200,strFormHtml);
  LODOP.PREVIEW();
};

style设置样式打印

var LODOP; //声明为全局变量
function myPreview(){
  LODOP = getLodop();  
  var strBodyStyle = "<style>table,td { border: 1 solid #000000;border-collapse:collapse }</style>";
  var strFormHtml = strBodyStyle+"<body>"+document.getElementById("form").innerHTML+"</body>";
  LODOP.PRINT_INIT("");
  LODOP.ADD_PRINT_TEXT(50,50,260,39,"style设置样式打印");
  LODOP.ADD_PRINT_HTM(88,50,300,200,strFormHtml);
  LODOP.PREVIEW();
};

引入link样式打印

var LODOP; //声明为全局变量
function myPreview(){
  LODOP = getLodop();  
  var strStyleCSS = "<link href = 'style.css' type = 'text/css' rel = 'stylesheet'>";
  var strFormHtml = strStyleCSS+"<body>"+document.getElementById("form").innerHTML+"</body>";
  LODOP.PRINT_INIT("");
  LODOP.ADD_PRINT_TEXT(50,50,260,39,"引入link样式打印");
  LODOP.ADD_PRINT_HTM(88,50,300,200,strFormHtml);
  LODOP.PREVIEW();
};

lodop插件打印出现部分内容隐形无法显示（文字消失错乱）

lodop插件如何让页面整体旋转打印输出（顺时针旋转90度再打印）

lodop插件如何获取AO打印机的设备子状态（比如：缺纸）

lodop插件如何把url地址内容打印输出

lodop插件如何把base64格式（编码）打印输出图片

标签： lodop功能, lodop插件, lodop样式打印

上面是“lodop插件如何设置样式打印（去掉样式打印/引入样式打印）”的全面内容，想了解更多关于 前端知识 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_4155.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！

lodop插件如何设置样式打印（去掉样式打印/引入样式打印）

生活小工具

猜你喜欢