欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

如何在jQuery网页中移除或关闭自定义的页眉和页脚打印功能

最编程 2024-02-09 13:49:52
...

使用打印插件说明:

/*
* printThis v1.15.1
* @desc Printing plug-in for jQuery
* @author Jason Day
*
*/

print.css  文件内容

@page
{
size: auto; /* auto is the initial value */
margin: 0mm 10mm 0mm 10mm; /* this affects the margin in the printer settings 最关键的还是这个*/
}

body
{
background-color:#FFFFFF;
margin: 0mm; /* this affects the margin on the content before sending to printer */
padding: 5mm 0 5mm 0 ;
}

 修改打印插件源码

第190 行处,改为: $head.append("<link type='text/css' rel='stylesheet' href='" + opt.loadCSS + "' media='print'>");

页面调用程序 

<!-- jQuery -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- printThis -->

<script type="text/javascript" src="printThis.js"></script>

<link rel="stylesheet" type="text/css" href="./css/print.css" media="print" />

<!-- demo -->
<script>
$('#basic').on("click", function () {
$('.demo').printThis({
loadCSS: "css/print.css"
});
});

$('#advanced').on("click", function () {
$('#impAndContent').printThis({

importCSS: true, // import parent page css
importStyle: false, // import style tags
printContainer: true, // grab outer container as well as the contents of the selector
loadCSS: "css/print.css", // path to additional css file - use an array [] for multiple
header: "<h1>Look at all of my kitties!</h1>"

});
});
</script>

实现效果如图:


;

原文地址:https://www.cnblogs.com/liu9822/p/11404579.html