1 局部打印方法:
作用:将id为dayin的内容,新建页面并打印,可解决打印某页面中的部分内容的问题。
使用方法:将要打印的内容通过 <span id="dayin"></span>包含起来,然后在某个按扭中定义
事件
<input type="button" onclick="dayin()" value="打印">
function dayin()
{
var code="<body onload=window.print()>"
code+=document.all.dayin.innerHTML;
code=code.toUpperCase();
code=code.replace(/<A[^>]*>删除<\/A>/gi, "");
code=code.toLowerCase();
var newwin=window.open('','','');
newwin.opener = null;
newwin.document.write(code);
newwin.document.close();
}
其中code=code.replace(/<A[^>]*>删除<\/A>/gi, "");
2 利用CSS实现局部打印
介绍两个关键的CSS
<style media="print">
.Noprint { DISPLAY: none }
.PageNext{ PAGE-BREAK-AFTER: always }
</style>第一个在不需要打印的标签上添加(子标签也将不被打印),第二个在需要换行的标签处添加(该标签所表示的内容将在当前打印的一页内)
接下来通过调用最基本的js语句
window.print()就可实现页面局部打印了,很easy吧!
3 打印预览
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
height=0 id=wb name=wb width=3></OBJECT>
<input class="ipt" type=button name= button _print value="打印"
onclick =" javascript :printit();">
<input class="ipt" type=button name=button _setup value="打印页面设置"
onclick =" javascript : printsetup();">
<input class="ipt" type=button name=button_show value="打印预览"
onclick="javascript:printpreview();">
<input class="ipt" type=button name= button _fh value="关闭"
onclick =" javascript:window.close();">