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工作流
一个穿着发光红色长袍的人
一张严重受损的宇宙飞船的照片ComfyUI工作流
一座精致透明的白瓷人物雕塑comfyui工作流
一张科幻照片,火星车在沙漠里ComfyUI工作流
晚上樱花狐狸ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

数字滚动效果(兼容IE6/IE8)
css3做一个风雨雷电天气动态图标
2023年程序猿如何给自己开启一场烟花盛会
在线生成金属文字
纯CSS饼图效果
黑客入侵效果代码
纯css3绘制的小鸟
html5如何3D立方体旋转特效







