读书人

web页面打印效能

发布时间: 2012-08-09 15:59:21 作者: rapoo

web页面打印功能

首页定义样式

<style media=print>

.Noprint{display:none;} // 不打印控制
.PageNext{page-break-after: always;} //分页控制
</style>

<script type="text/javascript">

//打印功能JS

function print()
{
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}

</script>


在body中需要打印的部分加上 <!--startprint--> ....结尾处 <!--endprint-->

对需要有分页的部分加 <div class="PageNext"></div> 即可。

对于小票打印机,需要设置网页的 页面设置来调整空白的宽度。


2楼yuyunli1989昨天 21:02
学习了!
1楼lidaasky昨天 16:16
不错,学习了

读书人网 >Web前端

热点推荐