1、先引入print.js
(function ($) { var printAreaCount = 0; $.fn.printArea = function () { var ele = $(this); var idPrefix = "printArea_"; removePrintArea(idPrefix + printAreaCount); printAreaCount++; var iframeId = idPrefix + printAreaCount; var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;'; iframe = document.createElement('IFRAME'); $(iframe).attr({ style: iframeStyle, id: iframeId }); document.body.appendChild(iframe); var doc = iframe.contentWindow.document; $(document).find("link").filter(function () { return $(this).attr("rel").toLowerCase() == "stylesheet"; }).each( function () { doc.write('<link type="text/css" rel="stylesheet" href="' + $(this).attr("href") + '" >'); }); doc.write('<div class="' + $(ele).attr("class") + '">' + $(ele).html() + '</div>'); doc.close(); var frameWindow = iframe.contentWindow; frameWindow.close(); frameWindow.focus(); frameWindow.print(); } var removePrintArea = function (id) { $("iframe#" + id).remove(); }; })(jQuery);
2、写入html代码,以table表格当分页,table里的style不能删掉,不然实现不了分页
<a href="javascript:doPrint();">打印</a> <div id="print"> <table style="page-break-after:always">打印1</table> <table style="page-break-after:always">打印2</table> <table style="page-break-after:always">打印3</table> </div>
3、引入jquery,再写入以下方法
function doPrint() { $("#print").printArea(); }
wordpress文章nextpage分页最后添加“下一页”按钮
上面是“js实现局部分页打印”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_131.html
workflows工作流
- 一群邪恶的小黄人ComfyUI工作流
- 森林里一只空灵的犀鸟ComfyUI工作流
- 懂王特朗普3d漫画ComfyUI工作流
- 一位美丽的女士在座机上讲话ComfyUI工作流
- 一个20岁丰满的女孩ComfyUI工作流
- 一个精致透明的朱红色水晶凤凰
- 一把令人难忘的美丽吉他ComfyUI工作流
- 1个可爱的白色短发女孩
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!