最新消息: USBMI致力于为网友们分享Windows、安卓、IOS等主流手机系统相关的资讯以及评测、同时提供相关教程、应用、软件下载等服务。

window.print打印部分无法显示

IT圈 admin 2浏览 0评论

window.print打印部分无法显示

1、window.print单选框无法显示

$("body").attr("style","-webkit-print-color-adjust: exact");//添加背景图片-单选框无法显示

2、window.print设置缩放比例

document.getElementsByTagName('body')[0].style.zoom=0.9;//页面打印缩放比例设置
function setTextStyle(element) {var val = $(element).val();$(element).addClass("printHideDiv");$(element).hide();$(element).parent().append("<div class='printContentDiv'>"+val+"</div>");$(element).parent().find(".printContentDiv").css({'overflow-wrap':'break-word','border':'1px solid #ccc','border-radius':'5px','padding':'5px'});}function setHeight(element) {$(element).css({'height':'auto','overflow-y':'hidden'}).height(element.scrollHeight);}//文本框(textarea、input)自适应var text = document.getElementsByClassName("input_text");$(text).each(function () {setTextStyle(this);}).on('input', function () {setHeight(this);});window.print();//打印当前页、打印之前去掉页眉、页脚(无法实现,手动设置)//还原输入、文本框$(".printHideDiv").show();$(".printContentDiv").remove();window.location.reload();//重新加载数据页面

window.print打印部分无法显示

1、window.print单选框无法显示

$("body").attr("style","-webkit-print-color-adjust: exact");//添加背景图片-单选框无法显示

2、window.print设置缩放比例

document.getElementsByTagName('body')[0].style.zoom=0.9;//页面打印缩放比例设置
function setTextStyle(element) {var val = $(element).val();$(element).addClass("printHideDiv");$(element).hide();$(element).parent().append("<div class='printContentDiv'>"+val+"</div>");$(element).parent().find(".printContentDiv").css({'overflow-wrap':'break-word','border':'1px solid #ccc','border-radius':'5px','padding':'5px'});}function setHeight(element) {$(element).css({'height':'auto','overflow-y':'hidden'}).height(element.scrollHeight);}//文本框(textarea、input)自适应var text = document.getElementsByClassName("input_text");$(text).each(function () {setTextStyle(this);}).on('input', function () {setHeight(this);});window.print();//打印当前页、打印之前去掉页眉、页脚(无法实现,手动设置)//还原输入、文本框$(".printHideDiv").show();$(".printContentDiv").remove();window.location.reload();//重新加载数据页面

与本文相关的文章

发布评论

评论列表 (0)

  1. 暂无评论