文章介绍了如何使用jQuery.print插件并结合CSS来消除在打印时自动出现的网址、title和当前时间等页眉页脚信息。通过设置`@page`的样式和调用插件方法,可以自定义打印内容,包括全局样式、不打印的元素选择器等。
摘要由CSDN通过智能技术生成
jQuery.print默认打印时总是打印出来网址,title,当前时间,影响外观
通过样式和设置自动去掉页眉页脚
<script src="/JS/jQuery.print.js"></script>
<style type="text/css">/*print打印时去掉页眉和页脚*/
@page {
size:auto;
margin:10mm;
</style>
function printThis(thisdiv) {
//print打印时去掉页眉和页脚
$(thisdiv).prev().print({
globalStyles: true,//是否包含父文档的样式,默认为true
mediaPrint: false,//是否包含media='print'的链接标签。会被globalStyles选项覆盖,默认为false
noPrintSelector: ".avoid-this",//不想打印的元素的jQuery选择器,默认为".no-print"
iframe.contentWindow.print()打印局部页面时,去掉页眉页尾
&amp;amp;amp;amp;amp;lt;style media=&amp;amp;amp;amp;quot;print&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt;
@page {
size: auto; /* auto is the initial value */
@page {
size: auto; /* auto is the initial value */
margin: 0mm; /* this affects the margin in the printer settings */
</style>
引入print.css,这个css里存的是自己要打印的区域的样式,比如table,tr,td,边框边距等的样式
引入jquery.js和jquery.print.js,注意先后顺序。
打印的页面,下边style
<style media="print">
@page {
size: A4 landscape;...