功能介绍:利用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插件如何让页面整体旋转打印输出(顺时针旋转90度再打印)
上面是“lodop插件如何设置样式打印(去掉样式打印/引入样式打印)”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_4155.html
workflows工作流
奇幻绘画风格:一只巨大蜗牛ComfyUI工作流
一只在星系中漂浮宇宙生物ComfyUI工作流
一群蚂蚁在路上忙碌着ComfyUI工作流
星空星域星球comfyui工作流
1个黑发带着耳机项链的女孩ComfyUI工作流
一个美丽的女孩穿着花瓣做的衣服
一只沮丧的卡通小丑鱼ComfyUI工作流
一只处于战斗状态下的蚂蚁ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

canvas黑洞漩涡(canvas+js)
利用css绘画棋盘布局(象棋)
在线生成金属文字
jquery做一个漂亮挂墙动态时钟
css3结合svg做一个动态广告
一起去看流星雨(代码)
利用js+css3做一个小鱼游泳特效
css3画弹珠,可以滚动!












