方法一:网页打印之分页打印、隐藏网页元素
需要解决以下问题
1、打印内容分页
2、打印时,隐藏不需要的页面元素
3、测试打印时,如何模拟打印,不浪费纸张,
解决样式如下:
1、<!--控制分页-->
.PageNext{page-break-after: always;}
2、<!--用本样式在打印时隐藏非打印项目-->
<style media=print>
.Noprint{display:none;}
</style>
在网页中如何引用:
<!-- 下面这个网页元素就是用于打印时分隔页面-->
<div id="pageNext1" style="visibility:hidden;">
<p class="PageNext"></p>
</div>
<font class="Noprint">隐藏的文字</font>
方法二:打印指定内容(包含在=<!--printbegin--> 与<!--printend-->之中的内容)
function doprint(){
bodyhtml=window.document.body.innerHTML;
printbeginstr="<!--printbegin-->";
printendstr="<!--printend-->";
printhtml=bodyhtml.substr(bodyhtml.indexOf(printbeginstr)+17);
printhtml=printhtml.substring(0,printhtml.indexOf(printendstr));
window.document.body.innerHTML=printhtml;
window.print();
//alert("打印完后就点击『刷新』");
}
需要解决以下问题
1、打印内容分页
2、打印时,隐藏不需要的页面元素
3、测试打印时,如何模拟打印,不浪费纸张,
解决样式如下:
1、<!--控制分页-->
.PageNext{page-break-after: always;}
2、<!--用本样式在打印时隐藏非打印项目-->
<style media=print>
.Noprint{display:none;}
</style>
在网页中如何引用:
<!-- 下面这个网页元素就是用于打印时分隔页面-->
<div id="pageNext1" style="visibility:hidden;">
<p class="PageNext"></p>
</div>
<font class="Noprint">隐藏的文字</font>
function doprint(){
bodyhtml=window.document.body.innerHTML;
printbeginstr="<!--printbegin-->";
printendstr="<!--printend-->";
printhtml=bodyhtml.substr(bodyhtml.indexOf(printbeginstr)+17);
printhtml=printhtml.substring(0,printhtml.indexOf(printendstr));
window.document.body.innerHTML=printhtml;
window.print();
//alert("打印完后就点击『刷新』");
}