介绍两个关键的CSS
<style media=”print”>
.Noprint { DISPLAY: none }
.PageNext{ PAGE-BREAK-AFTER: always }
</style>第一个在不需要打印的标签上添加(子标签也将不被打印),第二个在需要换行的标签处添加(该标签所表示的内容将在当前打印的一页内)

接下来通过调用最基本的js语句
window.print()就可实现页面局部打印了,很easy吧!

情况一:针对页面上少量元素不打印(不预览)的情况的解决办法是使用style,具体如下:
定义如下style:
@media print {
.notprint {
display:none;
}
}

@media screen {
.notprint {
display:inline;
cursor:hand;
}
}

所有需要显示但不需要打印(预览)的元素都加上: class=’notprint’

情况二:针对只打印(预览)页面上某个区块内容的情况,其解决办法是:定义一个专用的预览页面review.htm,其内容如下:

情况一:针对页面上少量元素不打印(不预览)的情况的解决办法是使用style,具体如下:
定义如下style:
@media print {
.notprint {
display:none;
}
}

@media screen {
.notprint {
display:inline;
cursor:hand;
}
}

所有需要显示但不需要打印(预览)的元素都加上: class=’notprint’

情况二:针对只打印(预览)页面上某个区块内容的情况,其解决办法是:定义一个专用的预览页面review.htm,其内容如下:

提示:您可以先修改部分代码再运行

需要预览的时候只要这样调用:
window.open(“review.htm”)
说明:要打印的区域要用<div id=printArea>和</div>围起来。

提示:您可以先修改部分代码再运行

需要预览的时候只要这样调用:
window.open(“review.htm”)
说明:要打印的区域要用

围起来。

Leave a Reply

电子邮件地址不会被公开。 必填项已用*标注