网站新闻内容页面,想只打印新闻内容区域,其他区域不打印,使用了jQuery.print插件,插件下载地址:GitHub - DoersGuild/jQuery.print: Easy to use, Element Printing Plugin for jQuery
插件下载地址:https://download.youkuaiyun.com/download/nanj/88071333
使用方法:
<script type="text/JavaScript" src="path/to/jquery.print.js"></script>
html:
<a href="javascript:void(0)" class="print">打印</a>
js:
$(".print").on("click", function() {
$(".ab-right").print({
noPrintSelector: ".noprint",
mediaPrint: true,
});
});
部分css:
@media print {
.fbrq {
float:none!important;
}
.article-info{
text-align:center!important;
}
}
使用到了noPrintSelector属性,暨给不需要打印的内容赋予noprint类名
用的了mediaPrint属性,打印的时候调整相关css样式表,使发布日期居中