首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

web页面打印效能

2012-08-09 
web页面打印功能首页定义样式style mediaprint.Noprint{display:none}// 不打印控制.PageNext{page-br

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
不错,学习了

热点排行